1. 程式人生 > >圖片上傳js

圖片上傳js

right done tar 相機 das file create src .get

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