本文实例为大家分享了js本地图片预览的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; !
& lt; !DOCTYPE html>一定要放在第一行,除非上面都是空行
在HTML规范中,单独存在的标签是不需要使用/来自我关闭的,比如& lt; br> & lt; input>, & lt; hr>等等这样的标签都是符合语法的。
在XHTML规范中,单独存在的标签要按照XML的语法规则进行自我关闭,上面三个标签就应写成& lt; br/祝辞,& lt;输入/祝辞,& lt;人力资源/比;
——比;
& lt; html>
& lt; head>
& lt;元charset=皍se utf8”比;
& lt; style>
输入(type=无线电){/*按钮与文字对齐*/vertical-align:中间;
}
输入(type=文件){
显示:块;
}
# img {
宽度:200 px;
身高:200 px;
边界:1 px固体黑色;
margin-top: 10 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt;输入类型=肮悴ァ眓ame=" previewType " value=" https://www.yisu.com/zixun/fileReader "祝辞fileReader
& lt;输入类型=肮悴ァ眓ame=" previewType " value=" https://www.yisu.com/zixun/createURL "祝辞createURL
& lt; hr>
& lt;输入类型="文件" id=" imgFile " value=" https://www.yisu.com/zixun/test.jpg "比;
& lt; img id=癷mg”比;
& lt; script>
var previewTypes=document.getElementsByName (“previewType”);
var imgFile=. getelementbyid (“imgFile”);
var img=. getelementbyid (img);
函数getPreviewType () {
(var=0;i
<强> URL.createObjectURL
可以看出URL实质上是以“团:“打头的,后面跟着32位的UUID(8-4-4-4-12)的结构。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
