如何获取输入文件元素（图像）？

Question

我有一个将图像转换为 base64 的脚本，我需要将其作为 json 传递给 php。 但我不想改变功能。 例如：

onchange="uploadLogoStore(this);"

但我对 dropify 有一些条件，这意味着我需要每个数据的最小和最大高度宽度。

现在，我需要的是获取元素图像 document.getElementById('uploadLogostore') 但我不知道如何获取它。

uploadLogostore 是上传文件的输入。

    $("#uploadLogostore").click(function(){
        uploadLogoStore(document.getElementById('uploadLogostore'));
    });            

   function uploadLogoStore(element) {
      var result ="";
      var file = element.files[0];

      var reader = new FileReader();

      reader.onloadend = function() {

        $.ajax({
            url: "php-ajax/upload-logostore.php",
            type: "POST",
            data: {"image":reader.result},
            beforeSend: function()
            {
                $("#uploadLogostore").html('Uploading ...');
            },
            success: function (data) {
                $("#uploadLogostore").html(data);

                if(data == "fail"){
                    $("#error").html('Error Uploading');
                    $("#uploadLogostore").html('Upload Image');
                }else{
                    $("#uploadLogostore").html('Done Uploading ...');
                    setTimeout(function() {                        
                    window.location.reload();
                    }, 1000);
                }
            }
        });           

      }

      reader.readAsDataURL(file);

    }   

Answer 1

$('#uploadLogostore').change(function(){
    var file = $(this).fieldValue();
    uploadLogoStore(file[0]);
});