智聚网

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 36|回复: 1

[教程] Discuz!论坛教程之手机触屏版上传图片质量加强

[复制链接]
  • TA的每日心情
    慵懒
    2 小时前
  • 432

    主题

    448

    帖子

    4297

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    4297
    发表于 2017-11-7 09:31:07 | 显示全部楼层 |阅读模式

    版权声明:本文为博主原创文章,转载请注明出处。


    用过Discuz!手机触屏版的朋友会发现触屏版上传图片质量过低,在这个带宽飞速发展的时代,显然已经跟不上步伐了,现在没几个人在为流量发愁,而图片质量太低却会影响会员的发帖欲望。
    Discuz!触屏版是应用的html5 canvas接口进行处理图片的。

    我们要修改的文件位于:/static/js/mobile/buildfileupload.js
    修改329和330行:
    var maxheight = 500;
    var maxwidth = 500;
    修改为:
    var maxheight = 1000;
    var maxwidth = 3000;


    修改第372行:
    var newdataurl = canvas.toDataURL(s.files[0].type).replace(/data:.+;base64,/, '');
    修改为:
    var newdataurl = canvas.toDataURL(s.files[0].type,1.0).replace(/data:.+;base64,/, '');






    上一篇:Discuz!论坛教程之注册成功后跳转到指定页面
    下一篇:Discuz!开发之将论坛首页设置为某个版块页面的方法
  • TA的每日心情
    慵懒
    2 小时前
  • 432

    主题

    448

    帖子

    4297

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    4297
     楼主| 发表于 2017-11-7 09:46:10 | 显示全部楼层
    这个还是很实用的哈
    回复

    使用道具 举报

    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|智聚网 ( 浙ICP备15039027号 )

    GMT+8, 2017-12-11 15:33 , Processed in 0.146451 second(s), 6 queries , Gzip On, File On.

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表