我正在尝试在我的网站上实施图片上传器。
我正在使用spring boot + jquery文件上传器
按照说明操作,我的代码设置为:
<!--file uploader-->
<div>
<input id="fileupload" type="file" name="images" data-url="${pageContext.request.contextPath}"+'/file/upload'" multiple>
<script src="${pageContext.request.contextPath}/static/jQuery-File-Upload-9.17.0/js/vendor/jquery.ui.widget.js"></script>
<script src="${pageContext.request.contextPath}/static/jQuery-File-Upload-9.17.0/js/jquery.iframe-transport.js"></script>
<script src="${pageContext.request.contextPath}/static/jQuery-File-Upload-9.17.0/js/jquery.fileupload.js"></script>
<script>
$(function () {
$('#fileupload').fileupload({
autoUpload: true,
dataType: 'json',
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .bar').css(
'width',
progress + '%'
);
}
});
});
$('#fileupload').bind('fileuploadadd', function (e, data){
console.log("fileuploadadd");
});
$('#fileupload').bind('fileuploadstart', function (e, data){
console.log("fileuploadstart");
});
</script>
</div>
<div id="progress">
<div class="bar" style="width: 0%; background: green; height: 18px;"></div>
</div>
然后我尝试单击选择文件,没有响应,没有任何反应。我的控制器应该会收到json数据
@Controller
@RequestMapping("/file")
public class FileController extends BaseController {
@ResponseBody
@RequestMapping(value="/upload", method = RequestMethod.POST)
public Message upload(MultipartFile[] images){
System.out.println("recieved");
//...image uploading
return successMessage();
}
}
我的代码出了什么问题。非常感谢你。