js 使用jquery.form.js文件上传

weixin_30478923

于 2017-02-15 22:47:00 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/muamaker/p/6403753.html

本文介绍如何利用jQuery.form.js插件简化文件上传过程。通过示例代码展示了设置表单提交URL、指定文件输入元素及提交表单的方法。同时实现了文件选择后自动提交的功能。

1.文件上传，使用jquery.form.js插件库

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.form.js"></script>
	</head>
	<body>
	<form id="form1" action="http://fapi.eg365.cn/api/Public/feedbackupFile?token=a04f3115eff8a0c106e419524a57c8e1&login_time=1487166690&loginuid=50" method="post" enctype="multipart/form-data">     
 		<input type="file" name="files" id="file" />    
	</form>
	</body>
	<script type="text/javascript">
		var options = {
            success: function (data) {
            	console.log(data)
              
            }
        };
 
        $("#form1").ajaxForm(options);
        $("#file").on("change",function(){        	
        	console.log(this.files)
        	$("#form1").submit();
        })
	</script>
</html>

转载于:https://www.cnblogs.com/muamaker/p/6403753.html