Web Uploader图片上传 java实现

后台代码

 @RequestMapping("/fileUpload.do")
    public void uploadFiles(@RequestParam MultipartFile file, HttpServletRequest request, HttpServletResponse response){
        InputStream inputStream = null;
        try {
       inputStream = file.getInputStream();
        String realPath = request.getSession().getServletContext().getRealPath("/WEB-INF/upload/");
            String originalFilename = file.getOriginalFilename();
            String pathname = realPath + "\\"+originalFilename;
            FileUtils.copyInputStreamToFile(inputStream,new File(pathname));
        System.out.println("sucess !");
        } catch (IOException e) {
            e.printStackTrace();
        }
        try {
            response.getWriter().write("{\"code\":200}");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

upload.js文件中需要修改的地方

uploader = WebUploader.create({
pick: {
id: ‘#filePicker’,
label: ‘点击选择图片’
},
formData: {
uid: 123
},
dnd: ‘#dndArea’,
paste: ‘#uploader’,
swf: ‘image-upload/Uploader.swf’,
chunked: false,
chunkSize: 512 * 1024,
server: ‘/fileUpload.do’,//改成自己服务器的链接
// runtimeOrder: ‘flash’,

        // accept: {
        //     title: 'Images',
        //     extensions: 'gif,jpg,jpeg,bmp,png',
        //     mimeTypes: 'image/*'
        // },

        // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。
        disableGlobalDnd: true,
        fileNumLimit: 300,
        fileSizeLimit: 200 * 1024 * 1024,    // 200 M
        fileSingleSizeLimit: 50 * 1024 * 1024    // 50 M
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值