js部分:
var uploadInst = upload.render({
elem: '#testList' //绑定元素
,url: ctx+'/uploadController/uploadImage' //上传接口
,size:5*1024
,method:'post'
, multiple: true
,auto: false
,bindAction: '#testListAction'
,choose: function(obj){
debugger;
var files = obj.pushFile(); //将每次选择的文件追加到文件队列
//图像预览,如果是多文件,会逐个添加。(不支持ie8/9)
obj.preview(function(index, file, result){
var imgobj = new Image(); //创建新img对象
imgobj.src = result; //指定数据源
imgobj.className = 'thumb';
imgobj.onclick = function(result) {
//单击预览
img_prev.src = this.src;
var w = $(window).width() - 42, h = $(window).height() - 42;
layer.open({
title: '预览',
type: 1,
layui 实现图片上传前后台
最新推荐文章于 2023-11-20 10:39:34 发布