jQuery的文件上传不显示预览(jQuery File Upload Does Not Displ

在jQuery的文件上传插件不显示当前选中的文件。 有谁知道我该如何解决这个问题？

我实现了“自定义”模板（见下文）; 注意我并不需要显示以前上传的材料，因此不存在下载模板。

我已经检查（通过日志记录）的add回调被调用，而且uploadTemplate函数被调用和返回预期值-因为某些原因而值根本不被附加到演示文稿表。

$('#fileupload').fileupload(
  acceptFileTypes: /(\.|\/)(gif)$/i
  uploadTemplateId: null
  downloadTemplateId: null
  uploadTemplate: (obj) ->
    rows = $()
    $.each(obj.files, (idx, file) ->
      temp = "<tr class='template-upload fade'><td class='preview'><span class='fade'></span></td><td class='name'></td>'<td class='size'></td>"
      if (file.error)
        temp += "<td class='error' colspan='2'></td>"
      else
        temp += "<td><div class='progress'><div class='bar' style='width:0%;'></div></div></td><td class='start'><button>Start</button></td>"
      temp += "<td class='cancel'><button>Cancel</button></td></tr>"
      row = $(temp)
      row.find('.name').text(file.name)
      row.find('.size').text(obj.formatFileSize(file.size))
      rows = rows.add(row)
      )
    return rows
  downloadTemplate: ->
    return $()
)

更新2012年10月16日我增加了以下文件上传到的初始化：

  process: [{action: 'load', fileTypes: /^image\/(gif|jpeg|png)$/, maxFileSize: 2000000}, {action: 'resize', maxWidth: 1920, maxHeight: 1200, minWidth: 800, minHeight: 600}, {action: 'save'}]

这确实开始尝试加载图像，但不幸的是，在下面的错误尝试的结果。 有谁知道是什么原因和/或如何解决呢？

Uncaught TypeError: undefined (loadImage) is not a function jquery.fileupload-fp.js:87

Answer 1:

问题是在其中依赖装载的顺序; 加载图像所需要的其他核心依赖之前加载。

Answer 2:

加载依赖正确的顺序解决我的问题

• 负载图像/负载image.js
• 负载图像/负载图像ios.js
• 负载图像/负载图像orientation.js
• 负载图像/负载图像meta.js
• 负载图像/负载图像exif.js

• 负载图像/负载图像的EXIF-map.js

  （或使用精缩版本）

• jquery.iframe-transport.js

• jquery.fileupload.js
• jquery.fileupload-process.js
• jquery.fileupload-image.js
• jquery.fileupload-audio.js
• jquery.fileupload-的Video.js
• jquery.fileupload-validate.js
• jquery.fileupload-ui.js tmpl.js
• 帆布到blob.js

Answer 3:

你已经安装了JQuery的文件上传中列出的所有要求？

按照自述中，可选的要求之一是

JavaScript的加载图像功能

Answer 4:

我的问题

这是工作在Mac罚款，但在Firefox和IE浏览器不能正常工作在Windows

Partialy固定

我发现， bootstrap.js在我的情况下，一个在头文件和jQuery的文件上传插件，第二次包含了两次。 移除所述一个在头文件固定它的范围内，进行预览显示在页面刷新但它们仍然没有被示出（移除bootstrap.js从jquery插件并未顺便说一句解决这个问题）

完全固定

挖多一些，并试图注释掉那些可能会造成的问题（冲突）.js文件。 通过消除typeahead.bundle.min.js从头文件完全固定我的问题。 预览显示了无论是在IE和Firefox时，图像不加入新鲜所需的页面。

我也注释掉jquery-ui.js BTW它并不需要在页面上反正，发现多了一个重复的js文件以及清理过程的一部分。

密码错误

如果你是存储在数据库中上载的文件，如果数据库的凭据是错误的，它会显示上传过程，但不会看到预览。 修复数据库凭据将解决这个问题预览。

文章来源: jQuery File Upload Does Not Display Preview