异步上文件
前端通过ajax来异步上传文件,有不刷新页面,UI友好的优点。
如何使用
<!-- 这是你的表单域 -->
<input type="file" id="file">
<script>
function uploadFile() {
var formData = new FormData();
var files = $('#file')[0].files;
// 这里是单文件上传
formData.append('image', files[0]);
// 这里是多文件上传
// for (var i = 0; i < files.length; i++) {
// formData.append('image[' + i + ']', files[i]);
// }
$.ajax({
type:'POST',
url:'/index/index/test',
data: formData,
cache: false,
processData: false,
contentType: false,
success: function (data) {
// 请求成功
}
});
}
</script>