как получить размеры изображения перед его загрузкой cloudinary

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; 
} 

Вы должны также включать в себя все дополнительные библиотеки JS требует JQuery загрузки файлов и, возможно, включить некоторые параметры загрузки JQuery файлов, как:

previewThumbnail: false 
previewMaxWidth: 1000 
previewMaxHeight: 1000