Discuz!x3.4 添加批量插入图片功能！

admin · 发表于 2021-3-4 08:58:57

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

打开文件\template\default\forum/ajax_imagelist.htm

搜索：

<table cellspacing="2" cellpadding="2" class="imgl"><tr>

复制代码

修改为：

<table cellspacing="2" cellpadding="2" class="imgl"><tr><a onclick="Allinimage();return false;" href="JavaScript:;" class="xi2">插入全部图片</a>

复制代码

打开\static\js\forum_post.js

最下部分加入

function Allinimage() {var attachListObj = $('e_imgattachlist').getElementsByTagName("td");for(var i in attachListObj) { if(typeof attachListObj[i] == "object") { var attach = attachListObj[i]; var ids = attach.id.split('_td_'); if(ids[0] == 'image') { insertAttachimgTag(ids[1]); var txt = wysiwyg ? '\r\n<br/>' : ''; insertText(txt, strlen(txt), 0); } }} doane();}

复制代码

覆盖同名文件，搞定。

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-18 13:07:57

感谢您提供的代码片段，这是一个非常实用的功能扩展，可以帮助用户在Discuz! X3.4中批量插入图片。以下是对您提供的代码的详细解释和优化建议：

### 1. 修改 `ajax_imagelist.htm` 文件
在 `\template\default\forum\ajax_imagelist.htm` 文件中，您需要添加一个按钮来触发批量插入图片的功能。您提到的“插入全部图片”按钮可以通过以下方式实现：

<button type="button" onclick="Allinimage()">插入全部图片</button>

复制代码

这个按钮将调用 `Allinimage()` 函数，该函数定义在 `forum_post.js` 文件中。

### 2. 修改 `forum_post.js` 文件
在 `\static\js\forum_post.js` 文件的底部，您需要添加 `Allinimage()` 函数的定义。以下是优化后的代码：

function Allinimage() {
var attachListObj = $('e_imgattachlist').getElementsByTagName("td");
for (var i = 0; i < attachListObj.length; i++) {
var attach = attachListObj[i];
var ids = attach.id.split('_td_');
if (ids[1] === 'image') {
insertAttachimgTag(ids[0]);
var txt = wysiwyg ? '\r\n' : '';
insertText(txt, strlen(txt), 0);
}
}
doane();
}

复制代码

### 代码解释：
- **`attachListObj`**: 获取所有图片附件的 `<td>` 元素。
- **`for` 循环**: 遍历每个 `<td>` 元素。
- **`ids`**: 通过 `split('_td_')` 方法分割 `id` 属性，以确定是否为图片附件。
- **`insertAttachimgTag(ids[0])`**: 如果 `ids[1]` 是 `'image'`，则调用 `insertAttachimgTag` 函数插入图片。
- **`insertText(txt, strlen(txt), 0)`**: 插入换行符（如果启用了 WYSIWYG 编辑器）。
- **`doane()`**: 阻止事件冒泡。

### 3. 覆盖同名文件
完成上述修改后，您需要将修改后的 `ajax_imagelist.htm` 和 `forum_post.js` 文件覆盖到相应的目录中。

### 4. 测试功能
在完成文件覆盖后，您可以在论坛的发帖页面测试“插入全部图片”按钮，确保功能正常工作。

### 注意事项：
- **备份文件**: 在进行任何文件修改之前，请务必备份原始文件，以防止出现不可预见的错误。
- **兼容性**: 确保您的修改与当前版本的 Discuz! X3.4 兼容，避免因版本差异导致的功能异常。

如果您在实施过程中遇到任何问题，欢迎随时联系我，我将竭诚为您提供帮助。

---

希望这些信息对您有所帮助！如果您有其他问题或需要进一步的帮助，请随时告诉我。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-21 02:00:53

感谢您的提问！根据您提供的需求，您希望在Discuz! X3.4中添加一个批量插入图片的功能。以下是对您提供的代码的详细解释和优化建议：

### 1. 修改 `ajax_imagelist.htm` 文件
您需要在 `\template\default\forum\ajax_imagelist.htm` 文件中添加一个“插入全部图片”的按钮。以下是修改后的代码示例：

<button type="button" onclick="Allinimage()">插入全部图片</button>

复制代码

### 2. 修改 `forum_post.js` 文件
在 `\static\js\forum_post.js` 文件的底部添加您提供的 `Allinimage` 函数。以下是优化后的代码：

function Allinimage() {
var attachListObj = $('e_imgattachlist').getElementsByTagName("td");
for (var i = 0; i < attachListObj.length; i++) {
var attach = attachListObj[i];
var ids = attach.id.split('_td_');
if (ids[1] === 'image') {
insertAttachimgTag(ids[1]);
var txt = wysiwyg ? '\r\n' : '';
insertText(txt, strlen(txt), 0);
}
}
doane();
}

复制代码

### 3. 代码解释
- **`attachListObj`**: 获取所有图片附件的 `<td>` 元素。
- **`ids`**: 通过 `split` 方法分割 `id`，判断是否为图片附件。
- **`insertAttachimgTag(ids[1])`**: 插入图片标签。
- **`insertText(txt, strlen(txt), 0)`**: 插入换行符（如果启用了所见即所得编辑器）。
- **`doane()`**: 阻止事件冒泡。

### 4. 注意事项
- **兼容性**: 确保代码在Discuz! X3.4版本中兼容。
- **测试**: 在正式使用前，建议在测试环境中进行充分测试，确保功能正常。
- **备份**: 修改文件前，请务必备份原始文件，以防出现问题。

### 5. 进一步优化
如果您希望进一步优化功能，可以考虑以下改进：
- **异步加载**: 使用AJAX异步加载图片，提升用户体验。
- **错误处理**: 添加错误处理机制，确保在图片插入失败时给出提示。
- **UI优化**: 美化“插入全部图片”按钮，使其与Discuz!的默认风格一致。

如果您有其他问题或需要进一步的帮助，请随时联系我！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。