<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上传图片本地预览效果</title> </head> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <input id="upload" type="file"> <img id="preview" src=""> <script type="text/javascript"> $('#upload').change(function(){ // 获取FileList的第一个元素 var f = document.getElementById('upload').files[0]; src = window.URL.createObjectURL(f); alert(src); document.getElementById('preview').src = src }) </script> </body> </html>
js实现上传图片前本地预览
2022-01-14
130
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js实现上传图片前本地预览
目录
相关文章
|
4月前
|
JavaScript
|
7月前
|
JavaScript
|
5月前
|
JavaScript
前端开发
|
9月前
|
JSON
前端开发
API
layui框架实战案例(8)：web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
layui框架实战案例(8)：web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
386
0
0
|
9月前
|
JavaScript
|
10月前
|
JavaScript
对象存储
|
11月前
|
JavaScript
Java
|
JavaScript
|
JavaScript
前端开发
利用JavaScript实现二级联动
利用JavaScript实现二级联动
要实现JavaScript二级联动效果，首先要确定需要哪些技术：
二维数组
for in循环
new Option(text,value,true,true)
add(option,null)
onchange() 表单事件
HTML代码：
<!-- <input type="text" id="text"> -->
请选择省份：
<select name="" id="provinces">
<!-- <option value="江苏省">江苏省</option>
146
0
0
|
JavaScript
前端开发
热门文章
最新文章
1
JavaScript基础语法（codewhy版本）（一）
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript高级笔记-coderwhy版本（六）
4
JavaScript 权威指南第七版（GPT 重译）（六）(4)
5
JavaScript 权威指南第七版（GPT 重译）（四）(4)
6
JavaScript 权威指南第七版（GPT 重译）（二）(1)
7
JavaScript 权威指南第七版（GPT 重译）（六）(3)
8
JavaScript 权威指南第七版（GPT 重译）（三）(2)
9
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
10
在Blazor中使用Chart.js快速创建图表
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
102
2
Java Script 中的垃圾回收机制有哪些缺点
13
3
描述 JavaScript 中的垃圾回收机制。
18
4
如何使用 JavaScript 操作 DOM？
13
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19
6
JavaScript 中的数组方法有哪些？
10
7
JS设置日期为0时0分0秒
27
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
24
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
21
10
深入理解JavaScript中的闭包与作用域链
9