手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现上传图片前的预览(TX的面试题)
javascript实现上传图片前的预览(TX的面试题)
摘要:以前不知道file控件也能使用onchange,导致面试时失去良机。functionyulan(){varfileext=document....

以前不知道file控件也能使用onchange,导致面试时失去良机。

<script>

functionyulan()

{

varfileext=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("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢!");

document.form1.UpFile.focus();

}

else

{

//alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句

document.getElementById("preview").innerHTML="<imgsrc='"+document.form1.UpFile.value+"'width=120style='border:6pxdouble#ccc'>"

}

}

</script>

<formname="form1"method="POST"enctype="multipart/form-data">

<inputtype="file"name="UpFile"size="46"onchange="yulan()">

<divid="preview"></div>

</form>

【javascript实现上传图片前的预览(TX的面试题)】相关文章:

javascript实现Table排序的方法

JavaScript实现斗地主游戏的思路

javascript制作的滑动图片菜单

javascript实现table选中的行以指定颜色高亮显示

JavaScript实现鼠标拖动效果的方法

javascript生成不重复的随机数

javascript实现树形菜单的方法

javascript实现日期按月份加减

javascript实现动态改变层大小的方法

javascript实现炫酷的拖动分页

精品推荐
分类导航