如何获取输入文件元素(图像)?

时间:2018-06-16 06:09:18

标签: jquery

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

  

平变化=" uploadLogoStore(本);"<<<这是有效的。

但是我在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);

    }   

1 个答案:

答案 0 :(得分:0)

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