можно ли отправить файл binary64 img контроллеру через ajax - PullRequest
Новая
       22

можно ли отправить файл binary64 img контроллеру через ajax

0 голосов
/ 01 августа 2020

Я хочу загрузить img в модальном режиме, используя ajax. но у меня есть проблема.

поэтому в основном мне нужно отправить 4 информации в контроллер, используя ajax, и это было успешно для других значений, но это не сработало для img, который я выбрал в модальном режиме с использованием ввода файл. когда я отправляю это и вижу консоль, он возвращается для img на контроллере.

plus, var imgsr c = $ ('# review_photo'). attr ('sr c'); возвращает -> binary64 ~ (который, я считаю, я мог бы использовать для ajax в качестве данных (?), потому что я думал, что могу отправить этот двоичный 64 и использовать getOriginalfilename () <еще до того, как моя мысль была выполнена, это просто null ... ....... </p>

Я не использую тег формы и попробовал var form = $ ("# uploadfile") [0]; var formData = new FormData (form);

formData.append ("uploadfile", $ ("# uploadfile"). Files [0]); -> и это возвращает undefined of [0]

можно ли отправить img в модальном режиме, используя ajax к контроллеру ???? 

<script>
    $(function(){
        //$("#fileArea").hide();
        $("#review_photo_area").click(function(){
            $("#uploadFile").click();
        })
    })
    function LoadImg(value){
        if(value.files && value.files[0]){


            var reader= new FileReader();
            reader.onload = function(e){ //파일 성공적으로 로딩됫나?
                console.log(e);
                console.log("사진변경");
                var src = $("#review_photo").attr("src",e.target.result);
                
                console.log(src);
                
                //console.log(imgs);
            }
            reader.readAsDataURL(value.files[0]);
        }
    }
  
  function reveiw_done_btn(){

    /* var form=$("#uploadfile")[0];
    var formData = new FormData(form);
    
    formData.append("uploadfile",$("#uploadfile").files[0]); */


    //주문번호
    var order_num = $("#modal_order_num").text();
    //매장번호
    var sto_num = $("#hidden_sto_num").val();   
    //별점
    console.log('별 : '+rate);
    //리뷰내용
    var textarea_review_content = $("#textarea_review_content").val();
    
    console.log('주문번호 : '+order_num+'매장번호:'+sto_num+'별점 :'+rate+'리뷰내용'+textarea_review_content);
    //이미지
    var imgsrc =$('#review_photo').attr('src');
    console.log("이미지src"+imgsrc);
    
    
    var param = {'order_num':order_num,'sto_num':sto_num,'textarea_review_content':textarea_review_content,'rate':rate,'imgsrc':imgsrc};
    
    console.log(param.imgsrc);
    
    
    $.ajax({
        type:'POST',
        url:"review_done.do",
        data:param,
        dataType:'JSON',
        success:function(data){
            
        },error:function(request, status, errorData){
                alert("error code: " + request.status + "\n"
                    +"message: " + request.responseText
                    +"error: " + errorData);
        } 
    }) 
    
}
image
...