Question

我需要验证图片尺寸，然后再将其上传到cloudinary，因为我正在使用表单直接上传。

$(".cloudinary-fileupload").fileupload(
# disableImageResize: false,
imageMinWidth : 460
imageMinHeight: 230
acceptFileTypes: /(\.|\/)(gif|jpeg|png|bmp|ico)$/i,
maxFileSize: 2097152,
processalways: (e,data) ->
if (data.files.error)
alert(data.files[0].error)

# dropZone: "#direct_upload"
start: (e) ->
$(".status").text "Starting upload..."
return
progress: (e, data) ->
$(".status").text "Uploading... " + Math.round((data.loaded * 100.0) / data.total) + "%"
return
fail: (e, data) ->
$(".status").text "Upload failed"
return

这是我的jquery文件，用于上传....

这是用于将图像上传到cloudinary的视图文件...

<%= cl_image_upload_tag(:image_id,
:html => {:id => "resource_image", :class => "hidden"},

:tags => "directly_uploaded",
:crop => :scale,
:maxFileSize => 2048,
:resource_type => "image",
:format => 'jpg',
:cloudinarydone => true,
:notification_url => new_image_url

) %>

请告诉我，如何实现所需的功能，因为如果图片的尺寸大于460 230，我希望上传图片，否则会生成警告，让用户更改图片地选择。

Answer 1

使用jQuery文件上传上传本地文件时，您可以获取尺寸。您应该使用以下内容绑定到fileuploadprocessalways：

function (e, data) {     
 var width = data.img.width;
 var height = data.img.height;
}

您还需要包含jQuery文件上传所需的所有额外JS库，并可能打开一些jQuery文件上传选项，例如：

previewThumbnail: false
previewMaxWidth: 1000
previewMaxHeight: 1000

如何在上传cloudinary之前检索图像尺寸

1 个答案: