将文件附加到文件中的输入

我希望在rails中使用回形针上传多个文件。我创建了一个页面来上传一次选择的多个文件。现在，我希望使用相同的文件字段选择更多文件，并上传当前选定的文件。将文件附加到文件中的输入

继我的是，file_field：

<div class="queue-empty"> 
     <span class="btn btn-primary btn-file"> 
     <span class="fileinput-new">Click to Browse</span> 
      <%= photo.file_field :image,multiple: true,id: "File-Upload"%> 
     </span> 
    </div>

我如何可以附加文件到文件中的字段没有松动之前选择的文件吗？谁能帮忙？谢谢。

来源

2016-10-26 Vishal

考虑使用像Dropzone这样的JavaScript解决方案。

来源

2016-10-26 04:33:17 user2301346

我遇到了同样的问题，使用了Carrierwave，但我认为这并不重要，因为所有工作都是在jQuery客户端完成的。所以，我做了什么是创建一个空数组：

data = [];

推上传文件到阵列上的文件输入变化：

$('#File-Upload input[type=file]').change(function(e){ 
    var files = $('[type="file"]').get(0).files; 
//checking if it was multiple files upload 
    if (!!$(this).prop('files') && $(this).prop('files').length > 1) {/
    files_array = $(this)[0].files //creating array of uploaded files 
    $.each(files_array, function(indx, file){//iterate over this array, pushing files one by one 
     data.push(file) 
    }) 
    } 
    else { 
    data.push($(this)[0].files[0]);// single file, just uploading 
    } 
});

然后，当你有文件清单对象数组，你可以形成FORMDATA对象并把它提交，这样的：

$(document).on('click', '.some-form input[type=submit]', function(e){ 
     e.preventDefault(); 
     formdata = new FormData(); 
     $.each(data, function(i, file) { 
     formdata.append('files' + i, file); 
    }); 
    //if you need to pass other parameters from your form you can do like this: 
    //var other_data = $('.some-form').serializeArray(); 
    // $.each(other_data,function(key,input){ 
    // formdata.append(input.name,input.value); 
    // }); 
    // ... some ajax call goes here 
});

这里是提琴：https://jsfiddle.net/rp4kup3o/

来源

2016-11-11 22:09:16 Liuda

将文件附加到文件中的输入

回答

相关问题