附件上传
This commit is contained in:
parent
347021ad63
commit
918f864763
@ -8,7 +8,6 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../../../lib/jq-module/zyupload/zyupload-1.0.0.min.css" media="all">
|
||||
<link rel="stylesheet" href="../../../css/public.css" media="all">
|
||||
<style>
|
||||
body {
|
||||
@ -91,17 +90,23 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图纸上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="annex" class="zyupload"></div>
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="btn_annex">选择文件</button>
|
||||
<button type="button" class="layui-btn" id="btn_uploadannex">上传</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">检验卡片上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="card" class="zyupload"></div>
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="btn_card">选择文件</button>
|
||||
<button type="button" class="layui-btn" id="btn_uploadcard">上传</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
|
||||
@ -112,11 +117,12 @@
|
||||
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||||
<script src="../../../js/md5/md5.js" charset="utf-8"></script>
|
||||
<script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
|
||||
<script src="../../../lib/jq-module/zyupload/zyupload-1.0.0.min.js" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['form'], function () {
|
||||
layui.use(['form', 'upload', 'element', 'layer'], function () {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
upload = layui.upload,
|
||||
element = layui.element,
|
||||
$ = layui.$;
|
||||
|
||||
var ProjectID = getQueryString('ProjectID');
|
||||
@ -313,48 +319,50 @@
|
||||
}
|
||||
});
|
||||
|
||||
//图纸上传
|
||||
$(function () {
|
||||
// 初始化插件
|
||||
$("#annex").zyUpload({
|
||||
width: "100%", // 宽度
|
||||
height: "200px", // 高度
|
||||
itemWidth: "140px", // 文件项的宽度
|
||||
itemHeight: "115px", // 文件项的高度
|
||||
url: "api/upload", // 上传文件的路径
|
||||
fileType: ["jpg", "png", "txt", "js", "exe"],// 上传文件的类型
|
||||
fileSize: 51200000, // 上传文件的大小
|
||||
multiple: false, // 是否可以多个文件上传
|
||||
dragDrop: false, // 是否可以拖动上传文件
|
||||
tailor: false, // 是否可以裁剪图片
|
||||
del: true, // 是否可以删除文件
|
||||
finishDel: false, // 是否在上传文件完成后删除预览
|
||||
/* 外部获得的回调接口 */
|
||||
onSelect: function (selectFiles, allFiles) { // 选择文件的回调方法 selectFile:当前选中的文件 allFiles:还没上传的全部文件
|
||||
console.info("当前选择了以下文件：");
|
||||
console.info(selectFiles);
|
||||
},
|
||||
onDelete: function (file, files) { // 删除一个文件的回调方法 file:当前删除的文件 files:删除之后的文件
|
||||
console.info("当前删除了此文件：");
|
||||
console.info(file.name);
|
||||
},
|
||||
onSuccess: function (file, response) { // 文件上传成功的回调方法
|
||||
console.info("此文件上传成功：");
|
||||
console.info(file.name);
|
||||
console.info("此文件上传到服务器地址：");
|
||||
console.info(response);
|
||||
$("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
|
||||
},
|
||||
onFailure: function (file, response) { // 文件上传失败的回调方法
|
||||
console.info("此文件上传失败：");
|
||||
console.info(file.name);
|
||||
},
|
||||
onComplete: function (response) { // 上传完成的回调方法
|
||||
console.info("文件上传完成");
|
||||
console.info(response);
|
||||
}
|
||||
});
|
||||
//选完文件后不自动上传
|
||||
upload.render({
|
||||
elem: '#btn_annex',
|
||||
url: 'https://httpbin.org/post', //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
||||
auto: false,
|
||||
multiple: false,
|
||||
accept: 'file', //普通文件
|
||||
exts: 'pdf|jpg', //只允许上传pdf和jpg
|
||||
size: 102400, //限制文件大小，单位 KB
|
||||
bindAction: '#btn_uploadannex',
|
||||
done: function (res) {
|
||||
//上传成功，获取接口返回状态，根据返回的数据进行相应操作
|
||||
layer.msg('annex');
|
||||
// layer.msg('上传成功');
|
||||
// if (res.code > 0) {
|
||||
// return layer.msg('上传失败');
|
||||
// }
|
||||
// console.log(res)
|
||||
}, error: function () {
|
||||
//上传过程失败，进行相应操作
|
||||
}
|
||||
});
|
||||
|
||||
//选完文件后不自动上传
|
||||
upload.render({
|
||||
elem: '#btn_card',
|
||||
url: 'https://httpbin.org/post', //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
||||
auto: false,
|
||||
multiple: false,
|
||||
accept: 'file', //普通文件
|
||||
exts: 'pdf|jpg', //只允许上传pdf和jpg
|
||||
size: 102400, //限制文件大小，单位 KB
|
||||
bindAction: '#btn_uploadcard',
|
||||
done: function (res) {
|
||||
//上传成功，获取接口返回状态，根据返回的数据进行相应操作
|
||||
layer.msg('card');
|
||||
// layer.msg('上传成功');
|
||||
// if (res.code > 0) {
|
||||
// return layer.msg('上传失败');
|
||||
// }
|
||||
// console.log(res)
|
||||
}, error: function () {
|
||||
//上传过程失败，进行相应操作
|
||||
}
|
||||
});
|
||||
|
||||
//监听提交
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user