var uploader = ate({// 选完文件后,是否自动上传。auto: true,// swf文件路径swf: 'lib/webuploader/0.1.5/Uploader.swf',// 文件接收服务端。server: 'goods/getGoodsDescriptionPhoto',// 选择文件的按钮。可选。// 内部根据当前运行是创建,可能是input元素,也可能是flash.pick: '#filePicker',// 只允许选择图片文件。accept: {title: 'Images',extensions: 'gif,jpg,jpeg,bmp,png',mimeTypes: 'image/*'},compress: false,//不启用压缩resize: false,//尺寸不改变duplicate: true //可重复上传
});
//当有文件添加进来的时候
( 'fileQueued', function( file ) { // webuploader事件.当选择文件后,文件被加载到文件队列中,触发该事件。等效于 // Fileueued = function(file){...} ,类似js的事件定义。 }); // 文件上传成功,给item添加成功class, 用样式标记上传成功。
( 'uploadSuccess', function( file ,response) {
var $list = $("#fileList");
var $li = $( "<div id='des"+imgDes+"' style='float: left;'><div style='width: 108px;height: 108px;border: 1px solid rgb(219,219,219);text-align:center;'>"+"<img style='margin-top:4px'>"+"<div onclick='deleteDescriptionSession(""+response.data.src+"",""+imgDes+"")' style='text-align:center;cursor:pointer;background-color: black;width: 108px;height: 20px;filter:alpha(opacity:30);opacity:0.6;position: relative;top:-16px'>"+"<span style='color: red;filter:alpha(opacity:30);opacity:1;'>删 除</span>"+"</div>"+"</div></div>"), $img = $li.find('img'); imgDes++;// $list为容器jQuery实例
$list.append( $li ); // 创建缩略图
// 如果为非图片文件,可以不用调用此方法。
// thumbnailWidth x thumbnailHeight 为 100 x 100
uploader.makeThumb( file, function( error, src ) { //webuploader方法 if ( error ) { $placeWith('<span>不能预览</span>'); return; } $img.attr( 'src', src );
}, 100, 100 ); $( '#'+file.id ).addClass('upload-state-done');}); // 文件上传失败,显示上传出错。
( 'uploadError', function( file,response ) { var $li = $( '#'+file.id ), $error = $li.find('); $('上传失败');parent.layer.msg(response.msg, {icon : 5,time : 1500});
});
本文发布于:2024-01-30 13:33:11,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170659279420350.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |