jQuery使用ajaxfileupload插件实现ajax文件上传

maojunm

于 2014-03-04 14:26:07 发布

阅读量786

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery+ajax+ajaxfileupload实现文件上传文章标签： jquery ajax javascript 插件

本文链接：https://blog.csdn.net/maojunm/article/details/20459449

jquery+ajax+ajaxfileupload实现文件上传专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种利用Ajax技术实现文件上传的方法。通过引入必要的JavaScript库文件，定义了一个执行文件上传操作的函数，并通过表单按钮触发该函数。具体实现了向服务器发送文件的功能并接收反馈结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <!-- 引入相关的js文件，相对路径  -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
	<!-- 执行上传文件操作的函数 -->
<script type="text/javascript">
	function ajaxFileUpload(){
		$.ajaxFileUpload({
			url:'',		//需要链接到服务器地址
			secureuri:false,
			fileElementId:'fileToUpload',		//文件选择框的id属性
			dataType: 'json',		//服务器返回的格式json
			data:{name:'name', id:'id'},
			success: function (data, status){      
				alert('添加成功');
			},
			error: function (data, status, e){
				alert('添加失败');
			}
		});
	}
</script>

<body>
	<form  method="POST">
		<input id="fileToUpload" type="file" size="45" name="fileToUpload">
		<input type="button" value="提交" onclick="ajaxFileUpload()">
	</form>
</body>