WebUploader 设置原图上传,不启用压缩

阅读: 评论:0

WebUploader 设置原图上传,不启用压缩

WebUploader 设置原图上传,不启用压缩

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;'>删&nbsp;除</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小时内删除。

标签:原图   上传   WebUploader
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23