72 lines
2.4 KiB
HTML
72 lines
2.4 KiB
HTML
{extend name="public/base" /}
|
|
|
|
{block name="header"}
|
|
<header class="ce-header ce-text-c header">
|
|
<span class="header-btn header-left">
|
|
<a href="{:url('setting/index')}" class="header-return-btn"><i class="fa fa-angle-left"></i> 返回</a>
|
|
</span>
|
|
<span class="header-btn header-right">
|
|
<a href="#" class="header-experience-share ajax-post">保存</a>
|
|
</span>
|
|
修改二维码
|
|
</header>
|
|
{/block}
|
|
|
|
{block name="body"}
|
|
<form class='ce-margin-t-sm'>
|
|
<div class="qrcode-upload">
|
|
<input type="file" name="image" accept="image/*" class="files" />
|
|
<input type="hidden" name="qrcode" class="qrcode" value="">
|
|
<span class="img" style="background-image:url({$user->info->qrcode|default=''})"></span>
|
|
<p>上传微信二维码</p>
|
|
</div>
|
|
</form>
|
|
{/block}
|
|
|
|
{block name="script"}
|
|
<script type="text/javascript" src="__JS__/lrz.bundle.js"></script>
|
|
<script type="text/javascript">
|
|
$('.files').change(function(event){
|
|
$this = $(this);
|
|
var maxsize = 100 * 1024;
|
|
if (!this.files.length) return;
|
|
var size = this.files[0].size;
|
|
|
|
lrz(this.files[0], {
|
|
width:400,
|
|
height:300,
|
|
before: function() {
|
|
console.log('压缩开始');
|
|
},
|
|
fail: function(err) {
|
|
console.error(err);
|
|
},
|
|
always: function() {
|
|
console.log('压缩结束');
|
|
},
|
|
done: function (results) {
|
|
console.log(results);
|
|
// 发送到后端
|
|
var xhr = new XMLHttpRequest();
|
|
var data = {
|
|
base64: results.base64,
|
|
name: results.origin.name, // 校验用，防止未完整接收
|
|
size: results.base64.length, // 校验用，防止未完整接收
|
|
|
|
};
|
|
console.log(data);
|
|
$.post('{:Url("setting/uploadPicture")}', {type:'qrcode',files: data}, function(json){
|
|
if(json.code == 1){
|
|
var path = 'url('+json.msg.url+')';
|
|
var id = json.msg.id;
|
|
$('.img').css('background-image',path);
|
|
$('.qrcode').val(id);
|
|
$('.files').remove();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{/block}
|