1回答
我正在使用Bootstrap和dropzone.js，以使用户可以通过拖放上传图像。因此，我创建了一个拖放区域，即使是多张图片也能正常上传。但现在，我想在上传之前裁剪图片。我认为dropzone.js初始化函数中的this.on("added file", function(file){事件是正确的地方，但我不知道如何转换文件，以便在特殊模型中逐个裁剪文件并上传裁剪后的图像。
浏览 2提问于2017-01-07得票数 1
我是react原生的新手。我想在上传图片之前裁剪图片。我正在学习这个教程。现在我在上传之前裁剪图片有问题。如何在编码中实现裁剪功能？有谁可以帮我？非常感谢。
浏览 3提问于2019-02-02得票数 4
回答已采纳
1回答
在上传到Laravel之前，我已经看过很多关于裁剪图片的教程。我的问题是，我不希望用户在上传之前决定图像的尺寸。我想要设置默认尺寸，这样用户所要做的就是拖动图像的哪些区域，以我为其设置的尺寸进行裁剪。有没有什么JS包可以让我轻松做到这一点？谢谢。
浏览 29提问于2021-08-12得票数 0
1回答
我真的是死路一条。我正在使用(现在称为)在表单数据中上传带有复选标记的图像，以标记要使用的主图像。我需要额外的功能，即裁剪，不幸的是，JQuery不支持裁剪(如果我错了，请纠正我)
下面是我的例子，我可以浏览文件和上传图片，并选择一个主图像。
我从裁剪库中需要的是：
在JQuery菲勒中显示预览前裁剪
制作方形/矩形图像(预置形状/大小/比率)
我的问题是，如何使用这两个单独的js库(如果您有任何其他与JQuery filer一起工作的裁剪库，您可能会建议我，只要文件上传一个具有复选标记功能的免费js库)，就可以得到所需的输出。任何人都可以告诉我如何或链接将是非常好的。真
浏览 6提问于2017-04-03得票数 0
1回答
Django上传多幅图像
、、、、
我需要一些帮助，使用Django将图片上传到服务器。我使用Dropzone.js上传多个图像，使用JCrop裁剪选定的图像。
我需要做的是允许用户上传他们的图像，并在同一个页面中显示它们，以裁剪每个图像，然后将它们作为图像列表发送到我的服务器。当我将上传的图像返回到页面时，我会遇到问题，我只想在那一刻显示上传的图像，而不是检索存储在数据库中的所有图像。我该怎么做？
提前谢谢。
浏览 0提问于2015-04-30得票数 0
2回答
我正在寻找上传和裁剪图片的PHP。设想如下：
用户选择图像上传到服务器上传后，网站显示上传的图像，用户裁剪图像并将裁剪的图像上传到服务器。
你能帮我实现这个吗？
浏览 4提问于2009-12-19得票数 2
回答已采纳
我使用的是JS cropper库。一旦裁剪完成，裁剪者就会给我一个画布，这样我就可以获得数据并将裁剪后的图片上传到我的服务器上。
目前它的工作很好，但当转换画布到PNG数据网址，因为我想我的输出图片非常大(它是一个横幅)，上传实际上需要很多时间，所以我更喜欢用JPEG，它似乎压缩更好的大图片。但是JPEG没有alpha通道，所以我必须用背景来代替它(我选择的颜色是白色)。
那么，谁能告诉我，当原始图像是这样时，如何将画布转换为JPEG格式的数据url：
这是PNG中警告图标的裁剪图片。背景是alpha，它有一些黑色的图画。
我已经做了一些尝试，但似乎当我在画布上画一个矩形时，它会在我
浏览 0提问于2015-12-29得票数 1
我使用edgee:slingshot将图片上传到S3。效果很好。但是我想要三张不同的图片--我把它们叫做“商店”。一个商店用于缩略图，一个商店用于原始图像，一个商店用于裁剪的公共版本。
但我不知道该怎么用一种聪明的方式去做。
当然，我可以在三个桶上做三个不同的Slingshot.Upload()。但是我认为只做一次上传、处理文件(用graphicsmagick裁剪)和存储三个不同的文件会更明智。
稍后，我想编辑公共文件，同时创建一个新的缩略图。
client.js
Template.uploader.events({
'change .uploadFile': func
浏览 7提问于2016-05-12得票数 0
2回答
我想知道是否有人知道解决这个问题的好策略：
我正在使用Laravel 4创建一个社交网站。用户可以将图片上传到自己的图库。这些图片可以是任何形状和大小，但其个人资料上的图库将仅显示图像的裁剪和调整大小的缩略图(200px X 200px)，您可以单击该缩略图查看完整图像。
我现在正在使用Laravel插件干预，它保存原始图像，然后调整大小和裁剪图像，并再次保存它(所以现在我有2个副本)。然后，我将裁剪/调整大小的图像显示为链接到全尺寸原始图像的缩略图。然而，我发现复制每一张图片都会浪费服务器上的空间，因为可能会有数千张图片上传到网站上。
有没有一种方法可以抓取原始图像，动态调整和裁剪它，并只在
浏览 2提问于2015-01-26得票数 1
我正在使用JavaScript创建一个上传多个文件的函数。我有问题，当用户上传他们的文件在pdf扩展。因为当用户第一次尝试上传文档时，如果他们正在上传图片，他们必须首先裁剪他们的图片，然后在文件上传到服务器之前保存它。但现在我有问题，如果上传的.pdf文件。如果用户上传的文件不是.jpg ,.jpeg,.png文件，如何使代码跳过裁剪功能？
浏览 20提问于2021-08-10得票数 0
回答已采纳
1回答
我正在为一个博客系统设计后端。(我是一个初学者)在我创建帖子的页面中，我使用了一个很大的表单来表示标题、摘要、类别、内容、标签等。
在这个表单中，提交者也向我请求图像上传表单，并选择将上传的图像裁剪为3种不同的格式。
当然，问题是我还没有上传我的图片(通常我在提交表单时上传图片)，但在提交表单之前，我需要上传、裁剪和保存裁剪后的文件。
我怎样才能得到这样的东西呢？
我的想法是使用ajax上传图像，然后我将放置一个裁剪按钮，打开一个带有新页面(和新表单)的弹出窗口来裁剪上传的图像。
我知道如果我在没有提交表单的情况下关闭页面，我会创建“垃圾邮件”，但我想不出其他方法来获得它。
有什么想法或建议吗
浏览 1提问于2013-12-04得票数 3
我想在裁剪后上传图片。我是这样做的:首先上传图片并在页面中显示。但问题是，当我裁剪图像并单击submit按钮时，相应的图像裁剪bean不会被调用。我不知道我哪里错了。
xhtml代码：
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p
浏览 1提问于2011-11-16得票数 1
回答已采纳
当我上传图片到Dropzone.js，他们保持他们的纵横比，并被裁剪。它们看起来像这样，很好：
当我使用此代码显示以前上传的文件时：
...
$.getJSON('files/list-all', function(data) {
$.each(data, function(index, val) {
var mockFile = { name: val.name, size: val.size };
thisDropZone.options.addedfile.
浏览 5提问于2014-07-03得票数 4
我试图上传图像到firebase没有裁剪和得到的应用程序的图像，util，直到它工作得很好，现在我想在显示图像裁剪选项，以裁剪图像是从firebase获得的。使用ionic2和angular是可能的吗？
upload original image -> firebase ->通过firebase data ->显示上传的图像现在单击裁剪选项->使用裁剪插件裁剪图像并将其作为个人资料图片
浏览 10提问于2018-01-19得票数 0
1回答
我有网络应用在运行。它使用ajax上传。问题是最近用户上传的图片太大了。所以这需要更多的时间。用户对此颇有微词。所以我想的是，‘如果我以某种方式通过js裁剪和调整图像大小，然后通过ajax上传将其发送到服务器，那么时间将会减少’。那么有没有办法做到这一点呢？对此有什么想法吗？
浏览 1提问于2013-07-06得票数 4
回答已采纳
1回答
裁剪程序不加载模式中的img元素
、、、、
我正在使用风元晨的裁剪器来裁剪上传的图片，然后将其发布到表单中。 <div id="change-dp" uk-modal>
<div class="uk-modal-dialog uk-modal-body">
<button class="uk-modal-close-outside" type="button" uk-close></button>
<h2 class="uk-modal-title">
浏览 22提问于2020-08-22得票数 0
回答已采纳
目前我在Laravel 5.3中的图片上传系统是这样工作的。
1.用户上传图片。
2.使用imagick库调整图像大小。
3.将原始图像和裁剪后的图像存储在亚马逊网络服务S3中。
现在我想用AWS lambda来移动第二步(图像调整)，但是我找不到任何关于AWS lambda与php集成的东西，但是node-js和java集成指南可以在官方文档中找到。
那么，除了aws lambda之外，是否还有其他服务可以实现我的功能？？
浏览 20提问于2017-02-08得票数 3
回答已采纳
通常，当您使用硬裁剪(例如add_image_size( 'custom-size', 400, 400, true ); )设置自定义图像大小时，您会得到以下结果：
上传图片: 600x500 >缩略图: 400x400。
上传图片: 500x300 >缩略图: 400x300。
上传图片: 300x200 >缩略图: 300x200。
然而，我想要做的是，当上传的图像小于自定义图像大小的设定宽度或高度，或者两者都小于时，例如上面的示例#2和#3 --而不是只是裁剪图像以适应这些尺寸--它还被裁剪以匹配它们的纵横比(在本例中为1:1)，如下所示：
上传图片:
浏览 0提问于2016-07-24得票数 12
1回答
我目前使用的是一个很酷的裁剪插件，叫做。我想通过<input type="file" multiple/>一次上传多个图像，裁剪并保存它们一次。
我的目标是能够从智能手机上传图片，因为单独上传每一张图片并不是很友好。但!我想将图像选择限制为12个图像。有没有办法做到这一点？
浏览 1提问于2017-01-14得票数 0
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
我遵循这篇文章在我的代码中使用了媒体Uploader。当我单击窗体上的Browse按钮时，媒体上传器就会打开，在选择图像之后，我会得到表单字段中添加的该图像的URL。到目前为止还没有问题。
但是我想让这个图像有一个特定的大小。如果大小不同，用户必须将其裁剪以匹配所需的大小(或高宽比)，然后才能选择图像(执行我的mediaUploader.on('select', function() { )。
请注意，我不想使用add_image_size，因为这将为每个上传的图片创建一个给定大小的缩略图(AFAIK.如果我错了，请纠正我。相反，只有在一个特定的场景中，我希望用户在上传时手动裁
浏览 0提问于2017-10-03得票数 4
回答已采纳
有没有人可以推荐一个插件或库，允许人们上传图片，这些图片会被自动裁剪和调整大小？我不介意编辑一些配置文件来指定图像应该如何裁剪和调整大小。
此外，上传后，前端用户应该能够拖放重新排序。
有人能推荐一些适用于php的软件吗？
浏览 1提问于2010-04-16得票数 0
回答已采纳
2回答
使用Jcrop裁剪上传的图片
、、、、
我正在尝试使用Jcrop裁剪上传的图片。我的意图是在用户上传时裁剪图像。我不需要将用户上传的图像存储在服务器中。但是，我应该只将用户通过Jcrop选择的图像部分存储到服务器。以下是该问题的链接
我使用了以下代码：
HTML：
<form id="form1">
<input type='file' id="imgInp" />
<img id="blah" class="crop" src="#" alt="your image" /&g
浏览 3提问于2014-04-09得票数 3
回答已采纳
1回答
Facebook禁止上传160x160的图片；图片必须在180x180上传。然后Facebook自动将图片缩小到160x160。我想实现一个像素完美的对齐之间的脸书时间线封面图像和脸书头像，但缩放会引起对齐问题。我找不到确切的步骤：
更新以适应最近的维度更改。
提供一个适合GIMP的模板。
浏览Facebook图片上传过程。
描述如何裁剪头像以与封面对齐。
当将头像上传到Facebook上时，有一个裁剪工具，但它并不显示被裁剪了多少像素。它也没有说明裁剪图像的大小。这使得很难确定Facebook是否还会缩小图像，或者将对图像进行确切的转换。
具体的步骤是什么(用截图解释)上传(1)封面(在85
浏览 0提问于2012-07-03得票数 5
回答已采纳
1回答
强制回调以重新加载文件
、、、、
我正在使用php和jQuery工具上传和裁剪图片。效果很好。但是我想在上传和裁剪图片后进行预览。我得到了预览，但这是在收获之前的图片。我想这张照片是从任何缓存里拍出来的。当我在服务器上检出真正的文件时，它会被裁剪。
您知道如何才能强制下面的函数真正从服务器获得新的文件吗？
这就是代码，在这里，我将url返回到预览表单中的div。
new ImgSelect( $('#imgselect_container'), {
cropComplete: function(image) {
$('.avatar').html('<img src
浏览 3提问于2015-04-08得票数 0
回答已采纳
我有个项目。我有一段个人资料图片上传。我想调整大小和裁剪图片，同时上传。我使用的是CakePHP 3.4。
浏览 2提问于2017-04-18得票数 0
回答已采纳
1回答
客户端裁剪图像并上传裁剪图像
、、、、
我正在寻找AngularJs中的作物和上传插件，场景如下：
浏览图片
裁剪图像
上传已裁剪的图像，而不是原始图像
有什么优化的方法可以在客户端实现这一点吗？
浏览 6提问于2015-05-28得票数 2
1回答
我的模型里有ImageField。因为人们可能想要上传大照片。现在我想修改上传后的图片大小，因为它在Facebook或其他网站上有头像。
这是我的ImageField描述
avatar = models.ImageField(upload_to=avatar_directory_path, null=True, blank=True)
这是avatar_directory_path函数
def avatar_directory_path(instance, filename):
return 'avatars/{0}/{1}'.format(instance.user
浏览 0提问于2015-07-25得票数 0
2回答
我需要在我的插件中上传图片，并使用wp.media完成此任务。根据的说法
它的工作，但我需要有“选择和裁剪”选项在媒体库后上传我的图像与自定义大小。
我在外观自定义标题图像的默认主题中看到了这一点，但我不明白如何在我的wp.media js插件中使用它？
浏览 0提问于2015-06-15得票数 1
我有用户上传图片使用文件，但我希望他们必须上传一个一定的大小(如果图像太大的裁剪)。我可以自己剪，但那样看起来就不好了。理想情况下，用户可以自己裁剪。
我尝试过这个页面：和我尝试过各种选择，但是似乎没有什么效果很好。
data-fp-image-min并不阻止用户上传较小的图片。data-fp-crop-force以及data-fp-crop-max和data-fp-crop-min也做不到这一点。
我开放使用其他图片上传库，但我喜欢使用文件。似乎这是其他人会遇到的事情。
我用的是导轨。
浏览 3提问于2015-10-08得票数 1
回答已采纳
如何更改woocommerce在产品目录页面中显示产品形象的方式？Woocommerce没有以正确的裁剪格式显示上传的图片，图片看起来也不正常。下面是一个例子： ? 我尝试过customized>WooCommers>Product Images>Thumbnail裁剪，但它不能解决我的问题。当我想在正方形框架上显示整个图像时，图片被裁剪了。如果我想显示不同尺寸的图片，这是不好的！我该怎么办？我使用Flatsome主题。
浏览 208提问于2020-06-16得票数 0
如何使用Filestack上传图片，并自动在图片边上添加空格，以便在不裁剪图片的情况下保持图片正方形。
浏览 2提问于2017-11-29得票数 0
1回答
我正在使用MVC4 C#开发一个应用程序
我有一个详细信息页面，其中一个按钮“上传照片”是存在的。点击按钮，一个弹出页面打开(通过Jquery)，在这里我可以上传和裁剪图片。一旦裁剪，我需要点击“确认图片”按钮出现在弹出页面。在点击“确认图片”时，此弹出窗口应关闭，裁剪图片的缩略图需要显示在父页面上，即详细信息屏幕。
问题:当我点击"Confirm Pic“按钮时，在父页面上会出现表单投递，由于父页面也会被刷新，因此我会丢失父页面上所有未保存的数据
目前我没有想法:( :(任何想法都很感谢)
浏览 0提问于2015-05-05得票数 0
1回答
我想让用户上传一个图像文件，然后我想要处理它，使它最终成为一个方形，除非它没有裁剪。假设有人上传了一张1400宽800px高的图片，我想把它转换成1400x1400的图片，上传的图片在两个白条中间居中，顶部和底部，以弥补额外的高度。
我该怎么做呢？到目前为止，我找到的所有解决方案都涉及裁剪，或者使用不同的语言。
有谁能给我指个方向吗？
浏览 5提问于2012-08-08得票数 0
回答已采纳
2回答
我正在上传个人资料图片。
我使用是因为它是浏览器兼容的。
我在it.But上浪费了两天时间，我找不到合适的例子。
我已经从网站页脚部分下载了整个网站的链接。
但在删除不必要的js/css (Bootstrap等)之后。我仍然不知道它是如何工作的:d。
请向我推荐任何其他jquery，提供兼容浏览器的上传和裁剪功能
浏览 0提问于2015-07-23得票数 0
4回答
在上传到服务器之前，我想使用javascript或jQuery在客户端裁剪和压缩图像。
WorkFlow：
选择图像
将图像裁剪成特定大小
压缩作物
上传
以前有人这样做过吗？什么插件，或者我要做什么？
我看到facebook可以在上传之前对图片进行压缩和自动调整大小。
浏览 0提问于2011-07-27得票数 9
回答已采纳
我有一个mvc应用程序，我想添加一个照片上传功能。该要求是保存原来的大小和另一个被裁剪成方形大小的缩略图使用。
是否可以使用jquery在ui中创建裁剪图像，并同时上传原始大小和裁剪图像？我应该从哪里开始达到这个效果呢？
编辑:我想知道facebook是如何在保存原始照片但配置文件图片是正方形(当你点击照片时显示的原始大小)的地方剪裁它的配置文件图片的。
浏览 4提问于2016-10-14得票数 0
回答已采纳
2回答
当图像上传到Modx电视中时，是否有一些插件/方式来裁剪图像？
我得到了一个比例为1:4的滑块。现在，当用户上传另一个比例的图像时，图像就会延伸。
我想要的东西，就像Facebook做的，当你上传封面图片，这是高。
(PS:我想稍后在Migx使用它)
浏览 17提问于2014-11-06得票数 0
回答已采纳
1回答
我上传图片时用的是aspsmartupload，它的工作正常，很好！但在我上传了图像后，我希望能够用Jcrop裁剪图像。我已经设法让Jcrop脚本在图像上工作(在图像上显示裁剪矩形)。
但是我如何用ASP裁剪图像并保存它呢？
我找到了很多php脚本，但是用ASP怎么做呢？真的很感谢任何帮助，谢谢。
浏览 2提问于2010-10-16得票数 0
回答已采纳
在drupal 7中，我想为不同的设备比率裁剪相同的图像。我该怎么做呢。
上传图片时，我们必须按不同的比例裁剪。
浏览 0提问于2017-07-03得票数 0
4回答
我需要帮一个朋友做他自己的美术馆。我已经做了所有的工作，但我需要一个工具/插件/脚本，使他在上传自己的图像独立于我。我的画廊需要两张图片:一张裁剪成一定比例的图片(所以我需要他在上传页面上自己裁剪)和一张拇指图片(我希望这是自动完成的)。
你知道做这件事的简单方法吗？你怎么做？
谢谢。
浏览 2提问于2012-05-04得票数 1
回答已采纳
在我正在工作的项目，现在我想所有的图像上传到裁剪到相同的宽度和长度。首先，我想将所有图像的大小调整为ex。500px。在他们的大小，然后我想要的高度裁剪到400。因为一些具有500px宽度和500px高度的图片，以及一些将具有500px宽度和400px高度的图片，所以我希望那些高度超过400px的图片在调整大小后被裁剪。我想从底部去掉100px的裁剪部分。
浏览 0提问于2013-05-22得票数 0
回答已采纳
1回答
我有大量的可变大小的图像，可以上传或在数据库中找到。在不运行脚本进行大小调整的情况下，有没有办法完全修改HTML或使用CSS，这样图像就不会扭曲和拉伸，以匹配我分配的300x200的尺寸，而是从我最初的大图片(比如400x400)中剪切出300x200的图像？
我当前的标记如下所示
<image data-src="holder.js/300x200" alt="300x200" style="width:300px; height:200px;" src={{ photo.source_descr }}>
浏览 1提问于2013-01-14得票数 2
回答已采纳
有时，使用UIImagePickerController从相册中挑选的图像会以不同的方式进行裁剪，而不是用户希望的方式。这大约发生在。50张图片上传中的1张。
当发生这种情况时，图像总是从左上角裁剪到图像的一部分。这是一个示例图像，(1)在红色矩形中显示用户应该选择裁剪的内容，以及(2)服务器上最终显示的图像。
(1)中的选择是假设的，因为它不知道用户如何准确地定位裁剪，并且还不可能复制这种不正确的裁剪。只有在实时应用中才能观察到这一点。一些用户试图多次上传相同的图片，总是使用相同的不正确的裁剪，并最终抱怨，所以用户并不是故意这样裁剪图片。
一些用户试图上传不同的图片，但都被错误地裁
浏览 18提问于2016-09-04得票数 6
我有一个超过1000个产品图片的Wordpress网站。我最近添加了2个自定义图像大小，产品-中型和产品-大型。所以，当我上传一个新的产品特色图片时，很难完美地裁剪中大尺寸。 然而，已经上传的图片不会自动裁剪到这两个大小。任何建议都会很有帮助。 我已经尝试使用重新生成缩略图插件，但它不能生成2个自定义图像大小。 add_image_size( 'product-medium', 640, 480, true );
add_image_size( 'product-large', 1024, 576, true ); 没有错误信息。所有新上传的图片都显示了2个自
浏览 11提问于2019-09-03得票数 0
1回答
上传时自动裁剪图像
、、、、
我有一些图片上传表格。我想要自动裁剪图像。并在提交时保存裁剪的图像。
<input type="file" id="file" name="files[]" multiple/>
我想要裁剪图像:示例800x600，但是从图像的中心，而不是从角落。
浏览 4提问于2014-09-09得票数 0
回答已采纳
我写技术博客，我经常需要拍摄屏幕截图。它更容易直接粘贴到我的谷歌文档，并在那里裁剪，而不是打开一个应用程序，以裁剪图像和上传到我的文档。
当我在Docs中裁剪图片时，它看起来很好，但是当我将文章粘贴到我的站点的编辑器中时，我之前剪过的图片看起来就像没有被裁剪过一样。
有人能建议我在迁移到另一个编辑器时保存Google中的图片的正确方法吗？
浏览 0提问于2020-05-03得票数 2
我在我的站点中使用人工作物模块。管理员和通过身份验证的用户可以添加内容。如果管理员添加了一个新的内容，手动裁剪后，图片上传。但是，当经过身份验证的用户添加新内容时，手动裁剪模块将被禁用。
它只在保存内容之后才启用。保存内容后，错误消息如下所示：“选择裁剪样式”。
在这一刻，我能做些什么，才能在上传后进行裁剪。
浏览 0提问于2014-12-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
