您的位置:首页 > Web前端 > JavaScript

JS实现选中文件后自动上传功能

2016-01-12 14:37 746 查看
用到的两个JS事件:onclick 和onchange!

实现步骤:

1、文件框触发onclick的时候设置值为空字符串(清除原来的数据),这样可以确保用户选择新文件或同一个文件后文件框onchange事件被触发。

2、文件框onchange的时候,如果文件框有数据就提交表单开始上传文件。

注意:

1、文件框只能设置值为空字符串,不能修改成其他路径值,因为浏览器为了安全考虑,拒绝通过JS去修改。

2、form表单一定需要写上 enctype="multipart/form-data",服务器才能收到文件流数据。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: