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

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

问题分析：

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

解决方案：

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

优化后的代码：

// 定义一个空数组来收集图片路径
var imgUrls = [];

uploader.on('uploadSuccess', function(file,response) {
    // 追加图片路径到数组
    imgUrls.push(JSON.stringify(response.imgurl));

    // 将数组中的图片路径拼接成字符串
    var imgUrlsJoined = imgUrls.join(', ');

    // 更新表单元素
    $("#info3").val(imgUrlsJoined);
});

以上就是如何使用 JavaScript 将多个上传图片的路径传递给表单元素？的详细内容，更多请关注其它相关文章！