问题:如何通过 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