jQuery 文件上传不显示预览 [英] jQuery File Upload Does Not Display Preview

问题描述

jQuery 文件上传 插件当前不显示所选文件.有谁知道我可以如何解决这个问题?

The jQuery File Upload plugin does NOT currently display the selected file. Does anyone know how I can troubleshoot this issue?

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

I've implemented 'custom' templates (see below); note I do not need to display previously uploaded material, hence there is no download template.

我已经检查(通过日志记录)正在调用 add 回调，并且正在调用 uploadTemplate 函数并返回预期值——出于某种原因，那些值根本没有附加到表示表中.

I have already checked (via logging) that the add callback is being called and that the uploadTemplate function is being called and returning expected values -- for some reason those values are simply not being appended to the presentation table.

$('#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的初始化中添加了以下内容:

UPDATE 10/16/2012 I added the following to the initialization of fileupload:

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

这确实会启动加载图像的尝试，但不幸的是，该尝试会导致以下错误.有谁知道是什么原因和/或如何解决它?

Which does initiate the attempt to load the image, but unfortunately, the attempt results in the following error. Does anyone know what is the cause and/or how to solve it?

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

推荐答案

问题是依赖加载的顺序；加载图片需要在其他核心依赖之前加载.

The problem was the order in which the dependencies were loaded; Load Image needs to be loaded before the other core dependencies.

这篇关于jQuery 文件上传不显示预览的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！