分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

图片上传js

发布时间:2023-09-06 01:07责任编辑:顾先生关键词:js

var imgURL;
function getImgURL(node) { ???
???try{ ????
???????var file = null; ?
???????if(node.files && node.files[0] ){ ?
???????????file = node.files[0]; ??
???????}else if(node.files && node.files.item(0)) { ?????????????????????????????????
???????????file = node.files.item(0); ????
???????} ????
???????//Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径 ?
???????try{ ?
???????????//Firefox7.0 ??
???????????imgURL = ?file.getAsDataURL(); ???
???????????//alert("//Firefox7.0"+imgUrl); ??????????????????????????
???????}catch(e){ ?
???????????//Firefox8.0以上 ???????????????????????????????
???????????imgURL = window.URL.createObjectURL(file); ?
???????????//alert("//Firefox8.0以上"+imgUrl); ?
???????} ?
????}catch(e){ ?????//这里不知道怎么处理了,如果是遨游的话会报这个异常 ??????????????????
???????//支持html5的浏览器,比如高版本的firefox、chrome、ie10 ?
???????if (node.files && node.files[0]) { ???????????????????????????
???????????var reader = new FileReader(); ??
???????????reader.onload = function (e) { ???????????????????????????????????????
???????????????imgURL = e.target.result; ???
???????????}; ?
???????????reader.readAsDataURL(node.files[0]); ??
???????} ???
????} ?
????if(imgURL!=‘‘ || imgURL!=undefied){
?????$(‘.addImg‘).html(‘已上传‘);
????}
???creatImg(imgURL);
???return ?imgURL;
}
????????
function creatImg(imgUrl){ ??//根据指定URL创建一个Img对象 ?
???var textHtml = "<img src=‘"+imgUrl+"‘/>"; ?
???$(".ImgGive").html(textHtml); ?
} ?

<input type="file" name="donee_img" onchange="getImgURL(this)" accept="image/*" placeholder="添加图片" class="rightInput opacity donee_img" >

对呀phone6 input加了capture="camera" 6只会调起相机 不会调起相册

图片上传js

原文地址:http://www.cnblogs.com/tanks/p/7462924.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved