javascript 다중 이미지 파일 정보 분리에 대해 질문있습니다.
조회수 2146회
- multiple file 에서 담은 정보들을 분리해서 2개의 input type file에 저장
- 이미지 정보들을 세팅하는 것과 파일 정보를 불러오는 것까지 하였지만 각각 분리해서 파일 정보저장이 안되는데 어떤 부분이 잘못 됬는지 지적 부탁드립니다.
<input type="file" name="upload_img[]" id="upload_img" onChange="load_image()" required="required" accept="image/x-png, image/jpeg" multiple="" />
<img id = "img_File1"/>
<input type="file" style="" id="File1" />
<img id = "img_File2"/>
<input type="file" style="" id="File2" />
제일 첫번째 file 선택에서 여러개의(2개) 이미지를 선택하면 다음 File1 과 File2 에 선택된 이미지들을 분리해서 각각 정보들을 저장하려고 합니다.
function upload_Image(){
/** 파일 체크 **/
var fileCheck = "";
var fileCnt = 0;
var img = $('#upload_img[type=file]').get(0);
for (var x = 0; x < img.files.length; x++) {
fileCnt++;
}
if($("#img_Chk").val() == "Y" && fileCnt > 0) {
$("#fileCnt").val(fileCnt);
for(var i = 0; i < fileCnt; i++)
{
// 각각 분리하여 파일 정보 저장
$("#"+"File"+i+1).val(img.files[i]);
}
}
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
<input type="file">
이 가진 데이터를 넘겨주고 싶다면.val()
대신FileReader
를 사용해보세요.https://developer.mozilla.org/ko/docs/Web/API/FileReader/readAsDataURL
-
(•́ ✖ •̀)
알 수 없는 사용자
-
댓글 입력