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

最新推荐文章于 2024-08-11 18:40:36 发布

maojunm

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量743

点赞数

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

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

版权

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

1 篇文章 0 订阅

订阅专栏

 <!-- 引入相关的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="提交" οnclick="ajaxFileUpload()">
	</form>
</body>

maojunm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery使用ajaxfileupload插件实现ajax文件上传

function ajaxFileUpload(){ $.ajaxFileUpload( { url:'', //需要链接到服务器地址 secureuri:false, fileElementId:'fi
复制链接

扫一扫

专栏目录