Javascript 如何在将多个图像从操作文件获取到输入字段后附加多个图像

我使用dropzoneJS上传多个文件，然后使用Json_Encode从操作文件中提取图像名称，将这些名称附加到输入字段，以便将这些输入字段与表单中的其他输入字段一起提交。我可以为一张图片做这件事，但无法为多张图片（2张图片）找到任何方法

Dropzone.autoDiscover=false；
var myDropzone=newdropzone（#addPhoto）{
接受的文件：'image/jpeg，image/jpg，image/png，image/gif'，
url:'uploadProImage.php'，
maxFiles:2，//一次文件数
maxFilesize:2，//以MB为单位
超出MaxFiles:函数（文件）{
警报（'您上载了2个以上的图像。将只上载前两个文件！'）；
},      
addRemoveLinks：是的，
removedfile:函数（文件）{
var_ref；
return（_ref=file.previewElement）！=null？_ref.parentNode.removeChild（file.previewElement）：void 0；
},
成功：功能（响应）{
var x=JSON.parse（response.xhr.responseText）；
$（'img1'）.attr（'value'，x.img）；
$（'img2'）.attr（'value'，x.img）；
}
});
您应该使用AJAX JSON来实现这一点

上传文件时，您应该返回一个AJAX JSON响应，该响应JSON应该包含您需要在视图中使用的所有信息

然后您应该使用success方法来像这样使用JSON响应-

$(function() {
    Dropzone.options.uiDZResume = {
        success: function(file, response){
            //Do what you need to do with the JSON u have received
        }
    };
});

var array = JSON.parse(string);
array.forEach(function(object) {
   //do what u need to do
});

当然，您应该解析JSON并将它们放在实际视图中，如下所示-

$(function() {
    Dropzone.options.uiDZResume = {
        success: function(file, response){
            //Do what you need to do with the JSON u have received
        }
    };
});

var array = JSON.parse(string);
array.forEach(function(object) {
   //do what u need to do
});

所以整个JS响应代码都是这样的-

$(function() {
    Dropzone.options.uiDZResume = {
        success: function(file, response){
            var array = JSON.parse(string);
            array.forEach(function(object)
            {
                //do what u need to do
          });
        }
    };
});