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及以下的...
