묻고답하기
다중화일 업로드를 단일 화일 업로드가 되도록 수정하고 싶습니다.
2014.04.25 02:40
완전 초보입니다.
단기간 (한달 정도 되었네요) XE를 배우기 위해 주야로 공부하고 있어요
HTML, CSS, PHP, 자바스크립트, XE, 부트스태랩을 왔다 갔다 하며 허둥대네요
잘 몰라서 기초적인 것을 질문 드립니다.
현재는 게시판에 사진을 첨부하는 기능을 수정하고 있어요
그림을 첨부하는 자바 스크립트가 다음과 같이 되어 있습니다.
입력 받은 그림을 Output을 이용해서 출력하고요, 아래처럼 a를 이용해서 링크를 만드는 것 같습니다.
(이 기능은 제가 사용하지 않아서 없애도 됩니다.)
var a = document.createElement("a");
a.href = '#';
a.setAttribute('onclick', 'insertUploadedFile(\''+link+'\',\''+data.width+'\',\''+data.height+'\');');
var img = document.createElement("img");
img.src = fileName+'m.'+extName; //m or l http://api.imgur.com/models/image ??
a.appendChild(img);
output.appendChild(a);
.
위처럼 appendChild라는 방식을 쓰면, 사진을 추가로 업로드 하면, 계속 뒤에 사진이 표시되는 방식인데요,
저는 먼저 올린 사진이 지워지고, 마지막으로 올린 사진만 표시되도록 하고 싶습니다.
저는 사진이 딱 한개만 업로드 되도록 하고 싶거든요.
어떻게 수정하면 좋은지 조언 부탁드립니다.
참고로, 사진을 입력받는 부분은 아래 처럼 되어있습니다.
여기서 사진은 하나만 올릴수 있도록 할수도 잇을것 같은데 쉽지 않네요
제가 너무 초보인것 같습니다.
고수님의 조언 부탁드립니다.
내일부터 더 열심히 공부를 해야할거 같습니다.
좋은 밤 되셔요
var files = document.getElementById("filesinput");
var fbutton = document.getElementById("fbutton");
//process files
fbutton.addEventListener("click", function() {
document.getElementById('filesinput').click();
}, false);
files.addEventListener("change", function (e) {
var file = e.target.files[0];
if(file.type.match(/image.*/)){
upload(file);}
}
, false);
스스로 고민해서 해결했네요
기본적인 내용을 몰라서 너무 고민했습니다.
그냥 document.getElement를 이용해서 고쳤습니다.
부끄럽지만 지우지 않고 놓아두겠습니다.