js實(shí)現(xiàn)上傳圖片預(yù)覽功能思路是獲取上傳圖片本地路徑，再加載到頁面中實(shí)現(xiàn)上傳預(yù)覽
成都創(chuàng)新互聯(lián)是專業(yè)的鄞州網(wǎng)站建設(shè)公司，鄞州接單;提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行鄞州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
HTML代碼
實(shí)現(xiàn)功能的js代碼
重慶分公司
重慶分公司
//獲取圖片路勁的方法，兼容多種瀏覽器，通過createObjectURL實(shí)現(xiàn)
function getObjectURL(file){
var url = null;
if(window.createObjectURL != undefined){
url = window.createObjectURL(file);//basic
}else if(window.URL != undefined){
url = window.URL.createObjectURL(file);
}else if(window.webkitURL != undefined){
url = window.webkitURL.createObjectURL(file);
}
return url;
}
//實(shí)現(xiàn)功能代碼
$(function(){
$("#browerfile").change(function(){
var path = browerfile.value;
var objUrl = getObjectURL(this.files[0]);
if(objUrl){
$('.img1-img').attr("src",objUrl);
}
})
})
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
