这个上传为什么访问不到后台,是不是哪个地方还要配置吗?
使用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实现。