jquery drag file upload and input type=file

운영자 | 기사입력 2019/09/19 [07:17]
>
필자의 다른기사 보기 인쇄하기 메일로 보내기 글자 크게 글자 작게
jquery drag file upload and input type=file
 
운영자   기사입력  2019/09/19 [07:17]

 var files = e.originalEvent.dataTransfer.files;

var fileName = files[0].name;

var fileNameArr = fileName.split("\.");

var ext = fileNameArr[fileNameArr.length - 1].toLowerCase();

 

if($.inArray(ext, ['jpg','gif','jpeg','png']) >=0){

  //alert('a');

} else {

  alert('jpg,gif,jpeg,png 파일만 가능합니다.');

  

}

 

            

// 읽기

var reader = new FileReader();

  reader.readAsDataURL(files[0]);

 

//로드 한 후

reader.onload = function  () {

document.querySelector('#foo').src = reader.result ;

}; 

               //////////////////// 미리보기

// $('#userfile').val(files[0]); 

//  $("input[name=u_file[]]").val(files[0]);

  // $("input[name=u_file[]]")[0].files[0].val(files[0]);

// $("input[name=u_file[]]")[0].files[0]=files[0];

//  fileReader.readAsDataURL($('#fileInput').prop('files')[0]);

             // var uploadFileList = Object.keys(files[0]);

  $("input[type='file']").prop("files",files);

             

            i

트위터 트위터 페이스북 페이스북 카카오톡 카카오톡
기사입력: 2019/09/19 [07:17]  최종편집: ⓒ iwav