javascript - jQuery 文件上传不显示预览

Question

jQuery File Upload插件当前不显示所选文件。有谁知道我该如何解决这个问题？

我已经实现了“自定义”模板(见下文)；注意我不需要显示以前上传的 Material ，因此没有下载模板。

我已经检查(通过日志记录)正在调用 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 日更新我在 fileupload 的初始化中添加了以下内容:

  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) 不是函数 jquery.fileupload-fp.js:87

Answer 1

问题在于依赖项的加载顺序； Load Image需要在其他核心依赖项之前加载。