<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>test upload</title>
<script type='text/javascript' src='jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='jquery-ui-1.8.18.custom.min.js'></script>
<script type='text/javascript' src='jquery.fileupload.js'></script>
<script type="text/javascript">
function uploadfile (){
$("#uploadedFileCom").fileupload({
url: "url",
type: 'POST',
dataType: 'xml',
limitMultiFileUploads: 1,
singleFileUploads: false,
formData: function(){
return [
{name: 'userId', value: 2},
{name: 'accessId', value: 2},
{name: 'fileName', value:$("#fileName").val()}
];
},
add: function(e, data){
var file = null;
if(data.files && data.files[0]){
file = data.files[0];
}
if(file){
$("#fileName").val(file.name);
data.submit();
}
},
done: function(e, data){
var ret = $(data.result);
var str = ret.find("string").text();
if(str==""){
alert("上传文件失败,服务器出错了!!");
return ;
}
var tmp = str.substring(0,str.lastIndexOf("filename"));
var fileurl = tmp.substring(tmp.indexOf("www")+3);
$(".fileurlFun").val('https://'+window.location.host+fileurl);
},
error: function(){
alert('遇到跨域问题拉');
}
});
}
</script>
</head>
<body>
<input type="hidden" name="fileName" value="" id="fileName"/>
<input type="file" size="30" title="支持gif,jpg,png,jepg格式,文件小于5MB" name="uploadedFile" value="" οnclick="uploadfile();" id="uploadedFileCom"/>
<input type="text" size="28" value="" class="fileurlFun"/>
</body>
</html>
转载于:https://www.cnblogs.com/xiaomaolv12580/archive/2012/08/03/2621825.html