如何使用 JavaScript 将多个上传图片的路径传递给表单元素?

如何使用 JavaScript 将多个上传图片的路径传递给表单元素?

问题:如何通过 js 将上传的多个图片路径传递给表单元素?

问题分析:

示例代码中的 uploader.on(‘uploadSuccess’) 事件处理函数中,每次上传图片成功后仅更新 #imgs_url 元素,而没有更新需要传递图片路径的表单元素 #info3。导致无法将多个图片路径传递给服务器。

解决方案:

使用数组收集上传的图片路径,并在每次成功上传后将其追加到数组中。然后,将数组中的所有图片路径连接成以逗号分隔的字符串,并将其赋值给表单元素 #info3。

立即学习“Java免费学习笔记(深入)”;

优化后的代码:

// 定义一个空数组来收集图片路径var imgUrls = [];uploader.on('uploadSuccess', function(file,response) {    // 追加图片路径到数组    imgUrls.push(JSON.stringify(response.imgurl));    // 将数组中的图片路径拼接成字符串    var imgUrlsJoined = imgUrls.join(', ');    // 更新表单元素    $("#info3").val(imgUrlsJoined);});

登录后复制

以上就是如何使用 JavaScript 将多个上传图片的路径传递给表单元素?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2803793.html

(0)
上一篇 2025年3月8日 21:46:09
下一篇 2025年2月28日 14:32:13

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论