javascript - 将编辑过的文件(图像)数组发送到 php 脚本

Question

我有一个包含文件类型输入的表单，可以接受多个文件(图像)，如下所示:

  <input type="file" id="fileupload" name="fileupload[]" multiple   />

一旦用户选择了一张或多张图片，它们就会动态添加到网站中，并且用户也可以根据需要删除其中一张或全部图片。

有没有一种方法可以更新从输入元素中选择哪些文件发送到 php 脚本？

如果不是，我如何才能只发送用户选择的图像？我的意思是我可以将用户选择的内容放入 JavaScript 的另一个数组中，但我如何将它们发送到 php 脚本？

已编辑

更多细节 例如，当用户选择三个图像文件时，我使用 JavaScript 代码将它们作为图像附加到屏幕中，用户可以选择删除其中一个或全部点击它们。所以我的问题是，如果用户例如删除了其中一张图片，我如何才能只将另外两张图片发送到 php 脚本中？

我不是在寻找完整的代码。我只是在寻找有关如何完成它的提示。

Answer 1

我已经明白你想要什么了。

将 Ajax 与 formData 相结合得到那个。

$(document).ready(function(){
    $("form#data").submit(function(){

        // create your filtred list of files from your file input
        var data = {};
        $.each($('#fileupload')[0].files, function(i, file) {

            // Keep only the files that the user has selected
            if ( i % 2 == 0){ // <--- CHANGE THIS
                data['file-'+i] = file;
            }
        });

        // create a FormData (to send files with AJAX)
        var formData = new FormData();
        for (var key in data) {
          formData.append(key, data[key]);
        }

        // send that formData
        php_script_url = "your_script.php"
        $.ajax({
            url: php_script_url,
            type: 'POST',
            data: formData,
            async: false,
            success: function (data) {
                console.log(data);
            },
            cache: false,
            contentType: false,
            processData: false
        });

        return false;
    });
});

不要忘记在此脚本之前包含 jQuery

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>