javascript - 即使用户选择取消，如何保留 FileDialog 输入值？ (ASP.Net/Javascript)

Question

显然，如果您使用 FileDialog 将文件上传到网络，然后用户重新打开文件对话框并单击取消，则任何先前选择的文件将不再保留为输入/文件值。

这是一个fiddle一些 WIP 代码，您可以看到我想将当前选定的文件存储在变量中，以便在用户选择取消时重新附加为输入文件，但显然这不起作用。

由于我必须在 fiddle 链接中附上代码，因此这里是一些 JS 的片段

   var currentlySelectedFile = $("#AttachmentUpLoad_FileUpload")[0].files[0] ; 

$(document).on('change', '.btn-file :file', function () {
    var input = $(this),
        numFiles = input.get(0).files ? input.get(0).files.length : 1,
        label = input.val().replace(/\\/g, '/').replace(/.*\//, '');

        if(numFiles > 0){
                input.trigger('fileselect', [numFiles, label]);
        }
        else{
       /*  $("#AttachmentUpLoad_FileUpload").[0].files[0]  =(currentlySelectedFile); */
            return;
        }

});

您实际上是如何解决这个问题的？

Answer 1

试试这个:

var filesSaved = {};
$(document).ready(function() {
    $('#inputfile').on('change', function() {
        if (this.files.length > 0) {
            filesSaved = this.files;
        }
    });
});

您以空白的 fileSaved 对象开始页面。每次用户选择文件时，您都将所选文件设置为 fileSaved 对象。

因此，当用户取消时，您仍然需要处理 fileSaved 对象。