jQuery File Upload预览图

本文介绍了jQuery File Upload预览图的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在使用jQuery File Upload插件( blueimp.github.io/jQuery-File-Upload/)上传图片到我的网站.我已经浏览过( github/blueimp/jQuery-File-Upload/wiki/Options )，但我没有找到分配用于显示图像的元素的设置.那么，如何使用此插件在网页上预览图像?

I am using jQuery File Upload plugin (blueimp.github.io/jQuery-File-Upload/) for image upload for my website. I have look through (github/blueimp/jQuery-File-Upload/wiki/Options), but I didn't find the setting to assign an element to display the image. So, how can I preview the image on the webpage with this plugin?

谢谢.

推荐答案

我认为Jquery File Upload插件不提供预览功能.

I don't think that the Jquery File Upload plugin provides preview functionality.

但是您可以轻松地将其实现到插件的添加选项中:

But you can easily implement it into the plugin's add option:

add: function (e, data) { if (data.files && data.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#target').attr('src', e.target.result); } reader.readAsDataURL(data.files[0]); ... data.submit(); } }

没有BlueImp插件的实时示例.