jQuery.fn.extend({
previewInputImage: function($inputElement, fileIndex){
if(typeof(fileIndex) == 'undefined'){
fileIndex = 0;
}
var $imageElement = $(this);
var input = $inputElement.get(0);
if (input.files && input.files[fileIndex]) {
var reader = new FileReader();
reader.onload = function (e) {
$imageElement.attr('src', e.target.result);
}
reader.readAsDataURL(input.files[fileIndex]);
}
return $(this);
}
});
$('.brand-logo .btn-upload input[type=file]').on('change', function(){
$('.brand-logo .img-thumbnail').previewInputImage($(this));
});
上传图片预览
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在很多情况下我们用 input[type="file"] 上传图片的时候都希望有一个预览效果,最后才会将表单一起提...
- 原创作品,允许转载,转载时请务必以超链接形式标明原始出处、作者信息和本声明,否则后果自负。如果你觉得这篇文章对你有...
- 一、jquery.form.js下载地址 jquery.form.js下载地址 二、jquery.form.js使...
- 前言:该解决方案只支持IE10及以上,目前来看IE9及以下所占的份额越来越小了,如果在项目不需要考虑IE9及以下的...