java中使用diyupload如何做多图片上传?

图片说明图片说明

这个上传为什么访问不到后台,是不是哪个地方还要配置吗?

使用diyupload实现多图片上传的步骤如下:

1, 在HTML页面中添加diyupload插件的引用和相关的HTML代码。

<link rel="stylesheet" type="text/css" href="diyUpload/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css">
<script type="text/javascript" src="diyUpload/js/webuploader.js"></script>
<script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>

<div id="demo" class="demo"></div>

2.,在JavaScript代码中初始化diyupload插件,并设置相关的参数。

var $ = jQuery;
$('#demo').diyUpload({
    url: '/upload', // 上传地址
    success: function (data) { // 上传成功回调函数
        console.log(data);
    },
    error: function (err) { // 上传失败回调函数
        console.log(err);
    },
    buttonText: '选择文件', // 上传按钮文本
    chunked: true, // 是否分片上传
    chunkSize: 2 * 1024 * 1024, // 分片大小
    multiple: true, // 是否支持多文件上传
    accept: { // 文件类型限制
        extensions: 'jpg,jpeg,png,gif',
        mimeTypes: 'image/*'
    },
    fileNumLimit: 10, // 最大上传文件数
    fileSizeLimit: 100 * 1024 * 1024, // 最大文件大小
    fileSingleSizeLimit: 10 * 1024 * 1024 // 单个文件最大大小
});

3,在后端服务器中处理上传的文件。

根据上传地址设置的路径,在服务器端创建相应的文件夹,将上传的文件保存到该文件夹中。可以使用Java的文件操作API实现。