web前端|js教程
javascript,fileReader,上传图片
web前端-js教程
关于File API这里就不详细解释了,小伙伴们自行度娘吧,来我们就要利用文件句柄来读取文件内容,这是通过FileReader来实现的,通过FileReader接口,我们可以异步地将文件内容加载到内存中,赋予某个js变量。
go9go源码,网页版vscode,ubuntu 设备详细信息,tomcat版本7,sqlite3_setup,phpwind视频插件,uni-app前端框架,网络爬虫基础案例,apache 和php,SEO问答交流平台,手机简易网站模板,网页顶部可关闭js广告条代码,交友平台模板,chrome无法打开静态页面,工资管理系统毕业设计,电影网站最常见的程序lzw
function getImgSrc(target, callback) {
if (window.FileReader) {
var oPreviewImg = null, oFReader = new window.FileReader();
oFReader.onload = function (oFREvent) {
oPreviewImg = new Image();
var type = target.files[0].type.split("/")[1];
var src = oFREvent.target.result;
oPreviewImg.src = src;
if (typeof callback == "function") {
callback(oPreviewImg, target, type, src);
}
return oPreviewImg.src;
};
return (function () {
var aFiles = target.files;
if (aFiles.length === 0) {
return;
}
if (!IsImgType(aFiles[0].type)) {
alert("You must select a valid image file!");
return;
}
if (aFiles[0].size > 1024 * 1024) {
target.value = "";
alert(Please upload image file size less than 1M.);
return;
}
oFReader.readAsDataURL(aFiles[0]);
})();
}
if (navigator.appName === "Microsoft Internet Explorer") {
return (function () {
document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = target.value;
})();
}
}
新闻源码,vscode 创建c语言的项目,ubuntu安装g77,如何删除tomcat部署,sqlite 字母排序,网页设计软件怎么下载,iis服务器取消ip限制,input时间插件,pigx框架前端,爬虫创业点子,php飞信,上海seo排名优化公司,腾讯云打包springboot,手机网站图片加载插件下载地址,html5 网页缩略图,html5 手机版表单模板,dede 后台打包,bootstrap 子页面导航,药店管理系统 代码,ck易语言程序怎么打不开啊lzw
以上就是javascript结合fileReader 实现上传图片的关键性代码了,小伙伴们喜欢吗?
免费b2b2c商城源码,vscode显示图形字符,ubuntu 下qt,tomcat 开机运行,sqlite视频播放器有哪些,playwright爬虫,免杀php小马,dz论坛seo强制插件,公司静态网站模板下载,dedecms 免费门户模板lzw