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

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

打开文件\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 == "object") { var attach = attachListObj; var ids = attach.id.split('_td_'); if(ids == 'image') { insertAttachimgTag(ids); var txt = wysiwyg ? '\r\n<br/>' : ''; insertText(txt, strlen(txt), 0); }}}doane();}

覆盖同名文件，搞定。

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;
   var ids = attach.id.split('_td_');
   if (ids === 'image') {
         insertAttachimgTag(ids);
         var txt = wysiwyg ? '\r\n' : '';
         insertText(txt, strlen(txt), 0);
   }
}
doane();
}

### 代码解释：
- **`attachListObj`**: 获取所有图片附件的 `<td>` 元素。
- **`for` 循环**: 遍历每个 `<td>` 元素。
- **`ids`**: 通过 `split('_td_')` 方法分割 `id` 属性，以确定是否为图片附件。
- **`insertAttachimgTag(ids)`**: 如果 `ids` 是 `'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;
   var ids = attach.id.split('_td_');
   if (ids === 'image') {
         insertAttachimgTag(ids);
         var txt = wysiwyg ? '\r\n' : '';
         insertText(txt, strlen(txt), 0);
   }
}
doane();
}

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

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

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

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

页: [1]

DZ插件网's Archiver

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