jquery文件上传器插件无法自动上传

时间:2017-03-10 05:26:19

标签: javascript jquery spring

我正在尝试在我的网站上实施图片上传器。

我正在使用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();
    }
}

我的代码出了什么问题。非常感谢你。

0 个答案:

没有答案
相关问题