JS实现选中文件后自动上传功能
2016-01-12 14:37
746 查看
用到的两个JS事件:onclick 和onchange!
实现步骤:
1、文件框触发onclick的时候设置值为空字符串(清除原来的数据),这样可以确保用户选择新文件或同一个文件后文件框onchange事件被触发。
2、文件框onchange的时候,如果文件框有数据就提交表单开始上传文件。
注意:
1、文件框只能设置值为空字符串,不能修改成其他路径值,因为浏览器为了安全考虑,拒绝通过JS去修改。
2、form表单一定需要写上 enctype="multipart/form-data",服务器才能收到文件流数据。
实现步骤:
1、文件框触发onclick的时候设置值为空字符串(清除原来的数据),这样可以确保用户选择新文件或同一个文件后文件框onchange事件被触发。
2、文件框onchange的时候,如果文件框有数据就提交表单开始上传文件。
注意:
1、文件框只能设置值为空字符串,不能修改成其他路径值,因为浏览器为了安全考虑,拒绝通过JS去修改。
2、form表单一定需要写上 enctype="multipart/form-data",服务器才能收到文件流数据。
相关文章推荐
- 原生js 操作表格 增删行和列
- ECharts JavaScript图表库 ECharts
- 浏览器环境下JavaScript脚本加载与执行探析之代码执行顺序
- Grunt 构建SeaJS
- JavaScript继承模式粗探
- NEST与JSON语法对照 一 match与multi_match
- 在JavaScript中创建对象
- 探析浏览器执行JavaScript脚本加载与代码执行顺序
- 各个JSON技术的比较
- IE、FF、Chrome浏览器中的JS差异介绍
- javascript的构造函数,原型和以其实现的经典继承
- javascript 与vbscript 互相调用
- ExtJS 5.1 - tabpanel setActiveTab: Uncaught TypeError: c.isFocusable is not a function
- mybatis 处理数组类型及使用Json格式保存数据 JsonTypeHandler and ArrayTypeHandler
- js数组字符串转换
- 浏览器环境下JavaScript脚本加载与执行探析之代码执行顺序
- js中的this指针
- 4、CreateJS介绍-PreLoadJS
- JavaScript里的类和继承
- 3、CreateJS介绍-SoundJS