- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我的 cropit html 代码:
<div id="image-cropper" style="direction: ltr">
<div class="row margin-top-25">
<div class="col-md-8 col-md-offset-2">
<div class="cropit-image-preview-container">
<div class="cropit-image-preview"></div>
</div>
</div>
</div>
<div class="row margin-top-15">
<div class="col-md-4 col-md-offset-4">
<input type="range" class="cropit-image-zoom-input" />
</div>
</div>
<div class="row margin-top-15">
<div class="col-md-4 col-md-offset-4">
<input type="file" style="display: none" class="cropit-image-input" />
<div class="R_butt_blue choose_pic text-center">انتخاب تصویر</div>
</div>
</div>
</div>
和我的 cropit javascript 代码:
$('.choose_pic').click(function(){
$('.cropit-image-input').click();
});
var z = $('#image-cropper').cropit({
exportZoom: 1,
imageBackground: true,
imageBackgroundBorderWidth: 15 // Width of background border
});
$('.send_image').click(function(){
var h = z.cropit('export');
$('#photo_show img').attr({ src: h });
});
我想使用 cropit jquery 插件裁剪图像,我阅读了完整的文档和多个 example on web , 但只返回一个包含 data:,
的字符串我不知道怎么了?
最佳答案
您应该定义 .cropit-image-preview
CSS 类以设置裁剪图像的宽度和高度。
.cropit-image-preview {
/* You can specify preview size in CSS */
width: 100px;
height: 100px;
}
也可以像这样使用选择器:
var z = $('#image-cropper');
z.cropit({
exportZoom: 1,
imageBackground: true,
imageBackgroundBorderWidth: 15 // Width of background border
});
关于jQuery cropit 导出方法只返回 'data:,' 字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29855117/
我无法让 npm 识别出我已经安装了cropit。我的 package.json 包含如下相关行: "cropit": "^0.1.9", "jquery": "~2.1.1" 我是否选择了错误的版本
您好,我正在使用以下插件 CropIt ,为了处理我网站上的图像,在文档中有一个名为 "onFileChange" 的选项,但文档本身并不是很有帮助,我需要在用户之后立即执行一个功能从对话框中选择图像
我正在使用 cropit.js jquery 插件在浏览器中裁剪图像。插件网站是here . 我遇到的问题是,我根据点击的图像动态加载图像。 第一个图像加载良好,一切正常。但是,如果我单击第二个图像或
我对这个插件非常失望。我是 JS/Jquery 的新手,但我的网站非常需要这个插件...所以我在这里找到了 cropit:http://scottcheng.github.io/cropit/ 我不知
如果您查看 jQuery Cropit 中的默认设置,代码如下 Resize image Submit
我的代码正在裁剪图像,但不检查图像大小是否大于 15 MB。我正在使用 Cropit jQuery plugin . 我正在使用这段代码来初始化库: (function() { var b;
阅读文档后,我仍然没有找到如何在图像很小的情况下调整图像大小的解决方案。但它适用于大图像,但又不适用于小图像。请在下面查看我的代码: $(document).ready(function(){ $
我正在尝试使用 Cropit jQuery 插件上传裁剪后的图像,该插件在前端使用 Canvas 。基本上尝试重新创建此处描述的过程: How to crop and upload photo usi
我已经在互联网上搜索了一段时间,但找不到任何可以告诉我如何从 $('#image-cropper').cropit('export') 转换结果的信息转换为 PHP 可以上传到服务器的图像。我正在使用
我的 cropit html 代码:
所以我目前找到了这个名为cropit的照片裁剪插件。 .演示是 here .所以我想做的是抓取裁剪后的照片并将照片的名称上传到 mysql 数据库并使用 php 将其保存到目录中。 到目前为止我有这个
首先,由于英语不是我的母语,请原谅我的错误。 我正在尝试通过 Symfony2 开发我的第一个项目。但是我被文件上传困住了。因此,我安装了 VichUploaderBundle,它提供了我需要管理的内
我是一名优秀的程序员,十分优秀!