Я использую этот простой загрузчик AJAX, и когда я загружаю изображение, мне нужно получить размеры файла изображения перед загрузкой.
https://www.lpology.com/code/ajaxuploader/docs.php
Прямо сейчас это только имя файла, расширение и размер файла. Нет способа получить выбранный файл объекта.
При onSubmit
метод с использованием alert(JSON.stringify(this, null, 4))
дал следующий вывод, в котором ничего в нем нельзя использовать, чтобы найти размеры изображения.
Просматривая источник, я мог найти файл ввода, как показано ниже.
<input name="uploadfile" multiple="" style="position: absolute; right: 0px; margin: 0px; padding: 0px; font-size: 480px; font-family: sans-serif; cursor: pointer; height: 100%; z-index: 16777270;" type="file">
{
"_opts": {
"url": "/wps/web/app_dev.php/ajax-upload",
"dropzone": "",
"dragClass": "",
"form": "",
"overrideSubmit": true,
"cors": false,
"withCredentials": false,
"progressUrl": false,
"sessionProgressUrl": false,
"nginxProgressUrl": false,
"multiple": true,
"multipleSelect": true,
"maxUploads": 3,
"queue": true,
"checkProgressInterval": 500,
"keyParamName": "APC_UPLOAD_PROGRESS",
"sessionProgressName": "PHP_SESSION_UPLOAD_PROGRESS",
"nginxProgressHeader": "X-Progress-ID",
"customProgressHeaders": {},
"corsInputName": "XHR_CORS_TARGETORIGIN",
"allowedExtensions": [
"jpg",
"jpeg",
"gif"
],
"accept": "",
"maxSize": 1024,
"name": "uploadfile",
"data": {},
"noParams": true,
"autoSubmit": true,
"multipart": true,
"method": "POST",
"responseType": "json",
"debug": false,
"hoverClass": "hover",
"focusClass": "focus",
"disabledClass": "",
"customHeaders": {},
"encodeHeaders": true,
"autoCalibrate": true,
"button": null
},
"_queue": [
{
"id": "a1696f281-6b04-442e-887c-fba95a148d1f",
"file": {},
"name": "1.jpg",
"ext": "jpg",
"btn": {},
"size": 25
}
],
"_active": 0,
"_disabled": false,
"_maxFails": 10,
"_progKeys": {},
"_sizeFlags": {},
"_btns": [
{}
],
"_manDisabled": false,
"_overBtn": {},
"_input": {}
}