<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="/static/V3/js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="/static/V3/js/ajaxfileupload.js"></script>
</head>
<body>
<h1>测试文件上传（image）</h1>
<form action="/index/tool/upload" enctype="multipart/form-data" method="post">
<input type="file" name="file"/> <br>
<input type="submit" value="上传"/>
</form>
<hr/>
<h2>
</h2>
<input type="file" name="file" id="imgFile_id_no_rename"/><br>
<div id="img_container">
<img id="img_img">
</div>
<script>
$("#imgFile_id_no_rename").change(function () {
$.ajaxFileUpload({
url: '/index/tool/upload', //用于文件上传的服务器端请求地址
//secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'imgFile_id_no_rename', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
console.log(data.data);
$("#img_img").attr("src","/uploads/"+data.data);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
});
});
</script>
</body>
</html>