javascript實(shí)現(xiàn)上傳圖片前的預(yù)覽(TX的面試題)
更新時(shí)間:2007年08月20日 22:06:54 作者:
以前不知道 file 控件也能使用 onchange,導(dǎo)致面試時(shí)失去良機(jī)。
<script>
function yulan()
{
var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
fileext=fileext.toLowerCase()
if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
{
alert("對(duì)不起,系統(tǒng)僅支持標(biāo)準(zhǔn)格式的照片,請(qǐng)您調(diào)整格式后重新上傳,謝謝 !");
document.form1.UpFile.focus();
}
else
{
//alert(''+document.form1.UpFile.value)//把這里改成預(yù)覽圖片的語(yǔ)句
document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"
}
}
</script>
<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview"></div>
</form>
<script>
function yulan()
{
var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
fileext=fileext.toLowerCase()
if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
{
alert("對(duì)不起,系統(tǒng)僅支持標(biāo)準(zhǔn)格式的照片,請(qǐng)您調(diào)整格式后重新上傳,謝謝 !");
document.form1.UpFile.focus();
}
else
{
//alert(''+document.form1.UpFile.value)//把這里改成預(yù)覽圖片的語(yǔ)句
document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"
}
}
</script>
<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview"></div>
</form>
相關(guān)文章
一個(gè)非常強(qiáng)大完整的web表單驗(yàn)證程序Validator v1.05
一個(gè)非常強(qiáng)大完整的web表單驗(yàn)證程序Validator v1.05...2006-07-07jquery表單驗(yàn)證使用插件formValidator
jquery表單驗(yàn)證使用插件formValidator,可供有需求的朋友參考2012-11-11通過(guò)下拉框的值來(lái)確定輸入框是否可以為空的代碼
本節(jié)只是為了做一個(gè)記載,實(shí)現(xiàn)一個(gè)簡(jiǎn)單的驗(yàn)證是否需要預(yù)占下來(lái)框有是和否兩個(gè)值,當(dāng)選擇“是”時(shí),資源預(yù)占原因輸入框必須輸入值,否則不能跳轉(zhuǎn),當(dāng)選“否”時(shí),不需要驗(yàn)證資源預(yù)占原因輸入框2011-10-10一直復(fù)略了的一個(gè)問(wèn)題,關(guān)于表單重復(fù)提交
一直復(fù)略了的一個(gè)問(wèn)題,關(guān)于表單重復(fù)提交...2007-02-02javascript獲得光標(biāo)所在的文本框(text/textarea)中的位置
移動(dòng)鼠標(biāo),得到單元格所在表中的位置的js代碼,測(cè)試兼容firefox,需要的朋友可以參考下。2009-12-12在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁(yè)面的代碼
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁(yè)面的代碼...2007-02-02