2

我对这段代码有疑问：

function handleFileSelect(evt) {
   evt.stopPropagation();
   evt.preventDefault(); // stop default

   console.log('ejecutado handleFileSelects')

   var divOrigen = evt.target.parentNode; //get the div of the input
   var divDestino = $(divOrigen).find('img'); //get the div for preview the img
   var inputDestino = $(divOrigen).find('input[type="file"]'); // the input file 
   var files = evt.target.files; //get files in array

   if (files.length) {
      for (var i = 0, f; f = files[i]; i++) {
         if (!f.type.match('image.*')) {
            continue;
         }
         var reader = new FileReader();
         reader.onload = (function (theFile) {
            return function (e) {
               $(divDestino).attr('src', e.target.result); //read files content to preview in div
            };
         })(f);
         reader.readAsDataURL(f);
      }
      $(inputDestino).popover('destroy');
   } else {
      evt.stopPropagation();
      evt.preventDefault();
      $(inputDestino).popover('show');
      console.log('files is empty');
      $(divDestino).attr('src', '/images/index/publicacion/dragAndDropHere.png');
   }
}

此代码更改了div. 的目的div是预览输入文件的图像。在 Opera、Firefox、Internet Explorer 和 Safari 中它运行良好，但是当我在我的 Android 平板电脑上尝试它时，什么也没有发生。有没有类似 Firebug for Android 的工具？或者我可以用于 Android 平板电脑的任何框架？

4

1 回答 1

1

尝试从图像源中删除第一个 / ，而不是

$(divDestino).attr('src', '/images/index/publicacion/dragAndDropHere.png');

你有

$(divDestino).attr('src', 'images/index/publicacion/dragAndDropHere.png');
于 2013-01-08T18:57:08.370 回答