Question

jQuery的：

for(var i = 1; i <= 4; i++){
                if($("#img"+i).val() != ''){
                    file = document.getElementById('img' + i).files[0];
                    fileread(file);
                }
            }

function fileread(file){
        var result = '';
        reader = new FileReader();
            reader.onload = function(){
                result = reader.result;
                //return result;
                localStorage.setItem("lostimage1", result);

            }
        reader.readAsDataURL(file);
    }

HTML：

<input type="file" name="img1" id="img1">
<input type="file" name="img2" id="img2">
<input type="file" name="img3" id="img3">
<input type="file" name="img4" id="img4">

任何人都可以帮我阅读第一个文件但不读取文件编号2,3,4。所有文件输入字段都填写了文件。

Answer 1

看起来您只定义了一个localstorage字段：

$('input:file').each(function(i){
   var $this = $(this);
   if ($this != ''){
      fileread( $this[0].files[0] , i ); // send file and position
   }
});  // using jquery each for any number of file fields

function fileread(file , num){
    var reader = new FileReader(),
        num = "lostimage" + (num + 1); // set the location name
        reader.onload = function(){
            localStorage.setItem(num , reader.result);
        }
        reader.readAsDataURL(file);
}

目前无法测试，但如果有效，请在评论中告诉我？

jQuery多文件读取不起作用

1 个答案: