自定義使用Layui彈框


layui.use('upload', function() {
var $ = layui.jquery,
upload = layui.upload;

var flag = false;
var uploadInst = upload.render({
elem: '#provex',
url: '/upload/',
auto: true,
acceptMime: 'image/*',
exts:'jpg|png|gif|bmp|jpeg',
before: function(obj){
//預讀本地文件示例,不支持ie8
obj.preview(function(index, file, result){
$('#provex').children().attr('src', result); //圖片鏈接(base64)

});
flag = false;
},
done: function(res) {
$.toast("上傳成功", "text");
flag = true;
},
error: function() {
flag = true;
}
});


$("#next").click(function() {
if (!flag){

$.toast("請上傳文件", "text");
} else{
window.location.href = "";
$.toast("提交成功", "text");
}
})

});
layui的彈窗實例以及方法,不過用之前要引入layui的框架


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM