以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  杂务  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=97116)

--  作者:zhangjian222200
--  发布时间:2017/3/6 15:22:00
--  杂务
服务器空间,假设会员数量100万人,每个人有10张照片,现在手机一张照片都好几m
1.会员上传时,怎么样使照片变小?
2.怎么样设置照片文件夹?

--  作者:有点色
--  发布时间:2017/3/6 16:15:00
--  

1、可以在上传的时候先限制尺寸大小;或者是上传以后,你对图片进行一下压缩处理

 

http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=89637&skin=0

 

2、你用什么方式上传图片?ftp服务器? http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=96690&skin=0

 


--  作者:chen3728060
--  发布时间:2017/3/6 21:32:00
--  回复:(有点色)1、可以在上传的时候先限制尺寸大小;...
有关于手机端拍照上传图片前压缩的相关知识吗?因为之前都是在pc端上传,可以先处理了图片在ftp上传,现在移动端貌似没有了这个方法,只能先上传到服务器,然后在服务器里压缩,但是这样太消耗网络资源了,手机拍的照片都好几M一张
--  作者:有点蓝
--  发布时间:2017/3/6 21:40:00
--  
使用js压缩:https://www.baidu.com/baidu?word=%E6%89%8B%E6%9C%BA%E7%9B%B8%E7%89%87+%E5%8E%8B%E7%BC%A9%E4%B8%8A%E4%BC%A0
--  作者:chen3728060
--  发布时间:2017/3/6 22:14:00
--  回复:(有点蓝)使用js压缩:https://www.baidu.com/...

道行未够,是在看不懂

http://blog.csdn.net/yao978318542/article/details/53099253


--  作者:有点色
--  发布时间:2017/3/7 12:25:00
--  

汗,修改 web/weui 文件夹下的 weui.me.js 文件,比如代码,黑色代码是新增的,用于判断文件大小

 

function previewFile() {
    For (var i = 0, len = this.files.length; i < len; i++) {
        var file = this.files[i];
        alert("图片大小:" + file.size);
        If (file.size > 1024 * 100) { // 100kb
            alert("图片太大");
            return;
        }
    }

 

如果,需要压缩,图片,就需要对图片进行一下处理,后,生成base64编码,如代码,红色为新增

 

switch(fln){
Case "jpg": case "jpeg":case "png":case "gif":case "bmp":case "wmf":
    reader.onload= function(e){
    var img = new Image();
    img.onload = function () {
    var w = Math.min(500, img.width);  //宽度最大500
    // 高度按比例计算
    var h = img.height * (w / img.width);
    var canvas = document.createElement(\'canvas\');
    var ctx = canvas.getContext(\'2d\');
    // 设置 canvas 的宽度和高度
    canvas.width = w;
    canvas.height = h;
    ctx.drawImage(img, 0, 0, w, h);
    var base64 = canvas.toDataURL(\'image/png\');
   
var nid =uid + "_thumb_" + cnt.toString()
    thumbs.insertAdjacentHTML("beforeEnd","<li data-gid=\'"+ uid + "_gallery\'" +
    " data-image=\'" + nid + "\'" + " id=\'" + nid + "\'" +
    " class=\'weui_uploader_file\' temp style=\'background-image:url(" + base64 + ")\'></li>");
    images[images.length]="\'"+ nid +"\'";
    glr.attributes["data-images"].value=images.join(\'|\');
    cnt = cnt + 1;
    }
    img.src = e.target.result;
}
   
reader.readAsDataURL(this.files[i]);
}


--  作者:狐狸爸爸
--  发布时间:2017/3/7 12:29:00
--  
我来整合进入框架。

图片点击可在新窗口打开查看




--  作者:有点色
--  发布时间:2017/3/7 14:16:00
--  

mark 图片压缩上传 

 

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:js压缩上传.zip


--  作者:zhangjian222200
--  发布时间:2017/3/7 14:36:00
--  
我觉得,愿意发现的人,终将认为foxtable高级开发版价值连城!____一名菜鸟的感受!
--  作者:淡月斜阳
--  发布时间:2019/9/9 21:22:00
--  
        If (file.size > 1024 * 100) { // 100kb
            alert("图片太大");
            return;
        }
RETURN以后点确定,这个文件还是会被上传。强制关闭网页,服务器会异常退出