HTML 5文件API。上传多个文件并在上传到服务器之前指定自定义文件顺序

时间:2014-04-03 19:39:18

标签: jquery asp.net-mvc html5 file-upload fileapi

我有以下问题。我可以将多个文件上传到服务器,但它们只按我选择此文件时设置的顺序上传(例如图像)。我想在上传到服务器之前指定我自己的订单。例如,我选择了三张图片: 图片A 图B 图片C 如果我提交表格,他们将按此顺序上传。但我希望他们按照以下顺序上传: 图片C 图片A 图B

我可以使用jQuery UI可排序方法,但它没有帮助。我知道需要从HTTP标头中删除文件并以新的顺序上传到那里,但是如何做到这一点...... 在这里你可以看到什么样的例子(上传和拖动图片):

    $(function(){
$('#images').change(function(e) {
    var files = e.target.files;
    filesTest = e.target.files;
    for (var i = 0; i < files.length; i++) {
        var file = files[i];
        var reader = new FileReader();

        reader.onload = (function() {
            return function(event) {
                $('#uploadedImages').append('<li><img src="' + event.target.result + '" width="100"/></li>');
            };
        })(file);

        reader.readAsDataURL(file);
    }
});

$('#uploadedImages').sortable();
$('#uploadedImages').disableSelection(); });

http://jsfiddle.net/36ZwA

任何建议都会得到满足

0 个答案:

没有答案