问题标签 [cropper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
672 浏览

java - 片段中的图像裁剪器给出“无法覆盖片段中的 onActivityResult(int,int,Intent)”错误

我不得不认输。我正在尝试使用 Image Cropper: Arthur Hub in a Fragment 我不断得到这个

错误:ProfileFragment 中的 onActivityResult(int,int,Intent) 无法覆盖 Fragment 中的 onActivityResult(int,int,Intent) 尝试分配较弱的访问权限;是公开的

这是片段中的 imageCropper 函数:

这是我用来获取图像的同一片段中的 onActivityResult:

我之前在一个活动中实现了这个,它工作得很好。一旦我将它调整为在片段中工作,我就无法继续。

请帮忙!另外我是一个相对较新的开发人员,所以请在您的解释中更具描述性。谢谢!

0 投票
0 回答
248 浏览

javascript - 如何在 Angular4 中从 SafeUrl 对象获取相应的 blob 文件?

我正在开发一个Angular4项目,我正在使用这个库https://github.com/Mawi137/ngx-image-cropper进行图像裁剪对话框。该库有一个imageFileChanged属性,可用于设置要裁剪的文件。传递的值应该是一种File类型,但在我的代码中,我只有一个SafeUrl值保存在商店服务中。我应该如何处理这个SafeUrl对象以获取正确的文件并将其传递给 imageCropper?

谢谢!

0 投票
1 回答
1551 浏览

javascript - 使用 CropperJS 保存裁剪图像时无法读取未定义的 toBlob 属性

我有一个代码可以通过 ajax 将裁剪后的图像发送到我的服务器,如下所示:

我的html是这样的:

我不断收到此错误Uncaught TypeError: Cannot read property 'toBlob' of null

我已经尝试过从https://fengyuanchen.github.io/cropperjs的 CropperJS github 页面将裁剪图像上传到服务器的其他方法。

请协助。

0 投票
2 回答
2378 浏览

angular - ngx-image-cropper 输出具有未定义名称的属性文件

我正在使用ngx-image-cropper 在我的角度应用程序中裁剪图像。我使用输出属性返回“文件”,即 (imageCroppedFile) 来获取裁剪后的图像。我需要裁剪后的图像有一个文件名,这样我就可以使用 name 属性遍历后端的文件,而默认情况下它是未定义的。我怎样才能给它一个名字?我尝试了以下方法:在 FormData 上,

以及裁剪触发的方法

上传器在没有裁剪器的情况下工作。

0 投票
1 回答
2120 浏览

javascript - [React Cropper]:无法读取未定义的属性“getCroppedCanvas”

我正在使用库“React Cropper”(https://www.npmjs.com/package/react-cropper)。

我有这个代码(很多例子):

但是,当单击“Cortar imagen”按钮时,javascript 控制台会向我显示错误:Uncaught TypeError: Cannot read property 'getCroppedCanvas' of undefined。

我尝试使用“this.refs.cropper.getCroppedCanvas()”而不是“this.cropper.getCroppedCanvas()”,但“this.refs”是一个空对象。

谢谢 :/

0 投票
0 回答
503 浏览

javascript - 裁剪器没有重新启动如果我没有先裁剪旧图像

我的项目有问题。

我正在使用裁剪器进行图像处理。但收割机无法正常工作。当我上传图像时,显示的裁剪选项。但是如果我添加另一个图像而不裁剪第一个图像,那么裁剪器不会改变图像。

这是我的代码

我不知道第二次在哪里重置割草机。如果我裁剪图像然后重新上传 imgae,那么裁剪器工作得很好。

0 投票
1 回答
1730 浏览

reactjs - React-cropper - cropBox is out of the image

I'm using the latest cropper.js react package react-cropper in my current project and I'am just lost. The problem is, that the crop area can go outside of the image, which should not. I have tried everything I can think of.

Here is the _crop method which is called on every change in cropper.

I know it's a sessionStorage nightmare, but I can't use state because it would reset whole cropper. I'm also getting the canvasData from the image tag, because the cropper.canvasData() function is not working in this react package.

In my code above, react is able to detect that crop area is outside of the image, but I don't know what I should do there. I tried to set the position of the crop area to the first position where it's outside of the image. But the data is not changing.

0 投票
0 回答
642 浏览

file-upload - ngx 上传器无法在服务器上上传裁剪的图像 - 角度 6

我在上传到服务器之前裁剪图像,因此集成了裁剪模块。我想将裁剪后的图像上传到服务器但ngx uploader上传原始图像。

我用过ngx-uploader ngx-uploader: "6.0.1",并且用过cropper"ngx-image-cropper": 1.2.3.

对于上传者:https ://stackblitz.com/edit/ngx-uploader

对于作物:https ://www.npmjs.com/package/ngx-image-cropper

作物成功时调用以下函数。

0 投票
1 回答
252 浏览

javascript - 了解 Jquery-Cropper 单位

我正在使用 jquery-cropper ( https://fengyuanchen.github.io/jquery-cropper/ ) 制作一个项目。

我需要获取裁剪矩形的坐标。该方法getCropBoxData()返回这些坐标,但我无法获得它使用的单位,并且文档没有提及它们。

检查我附加的演示页面的图片。右侧的字段以像素为单位显示裁剪的当前位置,但如果您按下 [Get Crop Box Data],您会在底部得到完全不同的值。有任何想法吗?

在此处输入图像描述

0 投票
1 回答
1575 浏览

jquery - 使用 jQuery 上传和裁剪图像

我正在使用 jQuery 上传和裁剪图像,此来源的链接在这里:

jQuery 真棒裁剪器

我下载了这段代码并使用了它,但我收到的结果就像下面的表格一样,照片不会上传

在此处输入图像描述