手机
当前位置:查字典教程网 >编程开发 >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基于DOM实现省市级联下拉框的方法

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

javascript实现点击后变换按钮显示文字的方法

javascript生成不重复的随机数

javascript实现树形菜单的方法

javascript瀑布流式图片懒加载实例解析与优化

Javascript实现图片轮播效果(二)图片序列节点的控制实现

javascript实现Table排序的方法

javascript实现删除前弹出确认框

Javascript随机显示图片的源代码

精品推荐
分类导航