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.
我已经检查(通过日志记录)添加
回调正在被调用,并且 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
我对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?
未捕获TypeError:undefined(loadImage)不是一个函数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屋!