Tag: shrine

ruby神社 – 裁剪和直接上传Safari问题

我正在使用Shrine，jquery.fileupload和cropper.js实现直接上传 在添加部分中，我将图像从文件上传加载到模态，定义裁剪器并显示模态 if (data.files && data.files[0]) { var reader = new FileReader(); var $preview = $(‘#preview_avatar’); reader.onload = function(e) { $preview.attr(‘src’, e.target.result); // insert preview image $preview.cropper({ dragMode: ‘move’, aspectRatio: 1.0 / 1.0, autoCropArea: 0.65, data: {width: 270, height: 270} }) }; reader.readAsDataURL(data.files[0]); $(‘#crop_modal’).modal(‘show’, { backdrop: ‘static’, keyboard: false }); } 然后在模态按钮上单击我获得裁剪的canvas调用toBlob并提交到S3 $(‘#crop_button’).on(‘click’, function(){ var […]