前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > JavaScript> 正文

JavaScript中怎么输出图片?

2021-05-01 13:03:16 暂无评论 JavaScript JavaScript   输出   怎么

你要输出吗?<img src="url">根据程序不同.图片可以动态生成. <img src="<%...%>">通过脚本还有就是可以先把图片加上.人然后直接把他隐藏diplay:none, 然后根据你的需要把它的display:block就可以了不知道你到底怎么生成.以上两条供参考

<html><head><title>图片本地加载例子</title><script%20language="javascript"%20>function%20$(obj){return%20document.getElementById(obj);}function%20ShowImage(fileObj%20,img){%20%20%20%20%20%20%20var%20paths%20=%20fileObj.value;%20%20%20%20%20%20%20var%20chkpath%20%20=%20new%20RegExp("[a-zA-Z][\\:][\\\\]","gi");%20%20//检测路径是否合法%20%20%20%20%20%20var%20chkExt%20%20%20%20=%20new%20RegExp("BMP|JPG|GIF|JPEG|PNG","gi");%20%20//检测文件扩展名合法%20%20%20%20%20%20%20var%20extName%20=%20paths.substr(paths.lastIndexOf(".")+1);%20%20%20%20%20%20%20%20if(%20%20!chkExt.test(%20extName%20)%20%20)%20%20%20%20%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20%20%20%20%20alert("图片格式不合法");%20%20%20%20%20%20%20%20%20%20%20%20%20%20return;%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20if(%20%20chkpath.test(%20paths%20)%20%20%20)%20%20%20%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20%20%20img.src=paths;%20%20%20%20%20%20%20%20%20%20%20%20img.alt="本地图片预览";%20%20%20%20%20%20%20%20%20%20%20%20img.style.visibility="visible";%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20else%20%20%20%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20%20%20%20%20img.style.visibility="hidden";%20%20%20%20%20%20%20%20%20%20%20%20%20%20alert("路径不合法\n合法路径例如:\nc:\\我的照片\\my.gif"); }}</script></head><body><input id="file" type="file" onchange="ShowImage(this , $('img') )"><br/><img id="img" STYLE="visibility:hidden" height="100px" width="100px"></body></html>

JavaScript中怎么输出图片?

猜你喜欢