1、安装了“cropper”插件
2、前端图片上传代码
截图在class中引用“cropper ”
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">入学图片:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-before_img" class="form-control" size="50" name="row[before_img]" type="text" value="{$row.before_img}" >
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-before_img" class="btn btn-danger cropper plupload" data-url="ajax/upload?fileName={$row.sfzh}.jpg&filepath=/uploads/{$row.rxnf}/start/" data-input-id="c-before_img" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-before_img"><i class="fa fa-uploadname"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-before_img" class="btn btn-primary fachoose" data-input-id="c-before_img" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-before_img"></ul>
</div>
</div>
3、找到“bootstrap.js”,路径 “addons\cropper”
4、调整js文件,大概30行
(parent ? parent : window).Fast.api.open('/addons/cropper/index/cropper?url=' + image + (params.length > 0 ? '&' + params.join('&') : ''), '裁剪', {
callback: function (data) {
if (typeof data !== 'undefined') {
var arr = data.dataURI.split(','), mime = "image/jpg",
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
var urlArr = url.split(',');
var suffix = 'jpg';//我