ajaxfileupload异步上传文件

最新推荐文章于 2021-09-14 00:05:20 发布

keaijimao

最新推荐文章于 2021-09-14 00:05:20 发布

阅读量157

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：异步上传

本文链接：https://blog.youkuaiyun.com/keaijimao/article/details/84661502

web前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种利用Ajax和jQuery实现文件上传的方法。通过引入必要的js文件并设置按钮点击事件来触发文件上传功能，实现了异步文件上传并处理服务器响应。

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

首先，引入js文件

<script type="text/javascript" src="/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>

<div class="fitem">
	<label>文件：</label>
	<input id="file" name="file" type="file" />
</div>
<input type="button" value="提交" onclick="Submit()" />
function Submit(){
    var value = $("#file").val();
	if(value==""){
	   alert("请选择文件！");
	   return;
        }
	$.ajaxFileUpload({
	    url:url,            //需要链接到服务器地址
	    secureuri:false,
	    fileElementId:'file',                     //文件选择框的id属性
	    dataType: 'text',                           //服务器返回的格式
	    success: function (data){
		    alert("上传成功，返回值为" + data);
	    },
	    error: function ()            //相当于java中catch语句块的用法
	    {
	        alert('警告，上传失败！');
	     }
	});
}

后台接收文件的操作和同步提交的完全一样，这里就不贴了。。。