您的位置:首页 > Web前端 > JQuery

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

2014-03-04 14:26 567 查看
<!-- 引入相关的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>






                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: