当前位置: 代码迷 >> JavaScript >> html5多图下传的有关问题
  详细解决方案

html5多图下传的有关问题

热度:86   发布时间:2012-08-08 14:32:45.0
html5多图上传的问题
先看这个在线上传的例子:http://t.cn/SSvR9d

这个例子很简单,但是无奈本人才疏学浅,现在照葫芦画瓢遇到一个问题:当多图上传时,返回的图片名称不是选择时的先后顺序。

此问题你们可以在那个例子上面在线测试的。

比如说我本机有三张图片:1.jpg,2.jpg,3.jpg

当我选择这三张图片上传后,返回的图片地址有可能变变成了
1.jpg
3.jpg
2.jpg

这不是我想要的结果,如果能够按选择文件时的顺序返回图片名称就好了,比如说我平时在论坛发图片帖子,一个帖子有几十张图片,上传后返回的图片路径顺序乱了,我发帖时还要一个个对顺序,很麻烦的。

我觉得这个问题应该在js那里对文件的排序上面,好像是这里?

js/zxxFile.js

JScript code
    //选中文件的处理与回调
    funDealFiles: function() {
        for (var i = 0, file; file = this.fileFilter[i]; i++) {
            //增加唯一索引值
            file.index = i;
        }
        //执行选择回调
        this.onSelect(this.fileFilter);
        return this;
    },



------解决方案--------------------
<input id="fileImage" type="file" size="30" name="files" multiple />

这个html5标记是多选文件框,本身是没有顺序的,不是顺序选择框,你想要按照顺序实现,你可以采用多个单文件输入框实现的。