javascript - 从 Simple Ajax Uploader 插件获取文件对象

Question

我正在使用这个简单的 AJAX 上传器，当我上传图像时，我需要在上传之前获取图像文件的尺寸。 https://www.lpology.com/code/ajaxuploader/docs.php

现在它只给出文件名、扩展名和文件大小。无法获取选定的文件对象。根据onSubmit方法 usingalert(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": {}
}

标签： javascriptphpjqueryajaxfile-upload