图片上传并预览

原创 2018年04月17日 16:17:43
/*
** 运用方式
** imgPreview(fileId, previewId);
*/
function imgPreview(fileId, previewId){
var fileInput = document.querySelector(fileId);
var previewImg = document.querySelector(previewId);


fileInput.addEventListener('change', function () {
var file = this.files[0];
var reader = new FileReader();
reader.addEventListener('load', function () {
previewImg.src = reader.result;
}, false);
reader.readAsDataURL(file);
}, false);
}

百度webuploader上传文件组件案例分析和使用-web网站开发3

会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。百度webuploader上传文件组件案例分析和使用是子恒老师《web网站开发》视频教程的第3部。详细讲解了用php结合百度webuploader的开发。内容包含webuploader脚本分析,过滤文件类型,多线程上传,分片上传文件等等。欢迎反馈,微信号:QQ68183131
  • 2017年04月07日 15:39

用javascript实现图片上传并预览

最近在开发的过程中遇到了一个图片上传并预览的问题。其实这问题不难。chrome,FF,IE10+可以用FileReader来实现。IE9-可以用css的滤镜来实现。一开始我也是这样干了。但是测试的时候...
  • baidu_24024601
  • baidu_24024601
  • 2016-04-28 17:34:58
  • 7608

Extjs4 图片上传 预览

Ext.require([ 'Ext.form.*' ]); var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([...
  • liubo682115
  • liubo682115
  • 2013-05-24 18:09:35
  • 3903

java web 实现图片上传前的预览

要实现图片预览,我们必须限定上传的文件是图片文件。这个限制在上一篇有。如有不明白的,可以去看看。 实现预览我们可以用:jquery的相关功能实现。 1.在工程中加入JQuery的包。 2.在js...
  • cs19920
  • cs19920
  • 2013-12-23 13:36:53
  • 2311

springmvc-带预览的异步上传图片功能

springmvc配合小插件 上传有缩略图 的图片等文件
  • nich002
  • nich002
  • 2015-07-29 15:51:04
  • 5189

HTML实现图片上传前预览

HTML5 Upload #destination{ filter:progid:DXImageTransform.Microsoft.AlphaImageL...
  • name_liweibin
  • name_liweibin
  • 2014-04-28 17:56:43
  • 2418

Java上传图片并预览

需求,上传图片,并可以预览,需要强调的是必须选择的为图片,不然wuf
  • r0a0n0
  • r0a0n0
  • 2014-07-10 16:02:14
  • 5504

js实现图片文件上传预览 | 黄乔国PHP

普通的上传图片选择图片后并不知道自己选择的什么图片,那么通过js我们可以做出预览效果这样就知道选择的什么图片,以免误上传! js上传图片--预览图片 ...
  • miraclehw
  • miraclehw
  • 2017-09-07 22:37:34
  • 592

html5图片上传与预览实现

最近做项目需要用到图片上传与预览功能,由于是用于手机端,所以研究了下H5的实现方式。图片预览首先,解决图片预览问题。在html5中,提供了FileReader来读取本地文件,使我们可以实现图片预览功能...
  • a4307515
  • a4307515
  • 2016-01-12 16:38:53
  • 38977

Extjs 图片上传预览功能

//上传图片类型   var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP...
  • jazywoo123
  • jazywoo123
  • 2012-08-26 14:15:48
  • 4590
收藏助手
不良信息举报
您举报文章:图片上传并预览
举报原因:
原因补充:

(最多只允许输入30个字)