：那個(gè)file按鈕樣式先忽略點(diǎn)擊選擇圖片（上）
2021-08-06
先上傳效果圖：
先忽略文件按鈕樣式
點(diǎn)擊選擇圖片（瀏覽）jquery+php頭像上傳預(yù)覽代碼，隨機(jī)選擇一張圖片
js代碼如下
//上傳圖片立即預(yù)覽
function PreviewImage(imgFile) {
var filextension = imgFile.value.substring(imgFile.value
.lastIndexOf("."), imgFile.value.length);
filextension = filextension.toLowerCase();
if ((filextension != '.jpg') && (filextension != '.gif')
&& (filextension != '.jpeg') && (filextension != '.png')
&& (filextension != '.bmp')) {
alert("對(duì)不起，系統(tǒng)僅支持標(biāo)準(zhǔn)格式的照片，請(qǐng)您調(diào)整格式后重新上傳，謝謝 !");
imgFile.focus();
} else {
var path;
if (document.all)//IE
{
imgFile.select();
path = document.selection.createRange().text;
document.getElementById("photo_info").innerHTML = "";
document.getElementById("photo_info").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""
+ path + "\")";//使用濾鏡效果
} else//FF
{
path = window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
//path = imgFile.files[0].getAsDataURL();// FF 3.0
document.getElementById("photo_info").innerHTML = "";
//document.getElementById("img1").src = path;
}
}
}
html 代碼其實(shí)并不重要
選擇圖片