ajaxfileupload异步上传文件

roodyszz0 2014-10-10

    首先,引入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('警告,上传失败!');
	     }
	});
}

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

相关推荐