圖片上傳js

標籤：capture   done   cap   else   nbsp   安全   上傳   text   files   

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