1.页面代码
With wb.AddInputGroup("form1","ipg2","物品详图")
With.AddUploader("up4","",True) '这儿需要所有up4图片宽高相等
.Accept = "image/*"
.AllowDelete = True '允许用户删除图片
.AllowAdd = True
.Incremental = True '允许重复选择文件或连续拍照
.ScaleWidth = 400 '自动压缩图片宽度为400个像素,高度等比例压缩
End With
End With
2.weui文件：
function previewFile3(){
var images=[];
var glr=document.getElementById(this.id+'_gallery');
var thumbs = document.getElementById(this.id +"_thumbnails");
if (glr.attributes["data-images"].value){
images=glr.attributes["data-images"].value.split("|");
}
if (!this.nextindex){this.nextindex=0;}
var upd = this;
for(var i=0;i<this.files.length;i++){
var Files = this.Files;
var reader = new FileReader();
var ext = this.files[i].name;
ext = ext.substring(ext.lastIndexOf(".")+1).toLowerCase();
if(ext.substring(0,8)=='image%3a'){ext='jpg'}
reader.Extension = ext;
reader.FileName = this.files[i].name;
switch(ext){
case "jpg": case "jpeg":case "png":case "gif":case "bmp":case "wmf":
reader.onload=function(e){
var img= new Image();
var red = e.target;
img.onload= function(g){
//alert(img.width)
//alert(img.height)
if(img.width<>img.height){ //如果这样写，就会要求所有图片宽高相等，但是我只需要上面的一处宽高相等即可，应该怎么处理？
alert("图片宽高必须相等");
return;
}
这里的用法是之前官方答复的
http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&replyID=764426&ID=112908&skin=1
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var w=-1, h=-1,x=0,y=0;
if (upd.hasAttribute("data-scalewidth")){w = upd.attributes["data-scalewidth"].value;}
if (upd.hasAttribute("data-scaleheight")){h = upd.attributes["data-scaleheight"].value;}
if(w>0 && h<=0){h=w/img.width * img.height;}
else if(w<=0 && h >0){w=h/img.height * img.width;}
else if(w<=0 && h <=0){w=img.width; h=img.height;}
canvas.width = w;
canvas.height = h;
if (upd.hasAttribute("data-rotate")){
var rotate = upd.attributes["data-rotate"].value;
if (rotate ==1){
canvas.width = h;
canvas.height = w;
y=-h;
ctx.rotate(90 * Math.PI/ 180);
}
else if (rotate ==2){
canvas.width = w;
canvas.height = h;
x=-w;
y=-h;
ctx.rotate(180 * Math.PI/ 180);
}
else if (rotate ==3){
canvas.width = h;
canvas.height = w;
x=-w;
ctx.rotate(270 * Math.PI/ 180);
}
}
ctx.drawImage(img, x, y, w, h);
if(red.Extension == 'jpg' || red.Extension == 'jpeg'){var base64Data = canvas.toDataURL('image/jpeg');}
else{var base64Data = canvas.toDataURL('image/png');}
var nid =upd.id + "_thumb_" + upd.nextindex.toString()
thumbs.insertAdjacentHTML("beforeEnd","<li data-gid='"+ upd.id + "_gallery'" +
" data-image='" + nid + "'" +
" id='" + nid + "'" +
" class='weui_uploader_file' temp style='background-image:url(" + base64Data + ")'></li>");
images[images.length]="'"+ nid +"'";
glr.attributes["data-images"].value=images.join('|');
upd.nextindex = upd.nextindex +1;
Files[Files.length] = {blobFile:red.FileName,data:base64toBlob(base64Data)};
}
img.src = e.target.result;
}
reader.readAsDataURL(this.files[i]);
break;
default:
this.Files[this.Files.length]=this.files[i];
}
}
this.value=""
}
[此贴子已经被作者于2020/8/18 16:34:09编辑过]
加好友 
发短信
Post By：2020/8/18 16:28:00 [只看该作者]
