2011-08-08 4 views
0

JQuery와 함께 가능 :파일 업로드 URL 삽입 이미지

나는 간단한 업로드 파일이있는 경우

<input type="file" /> 

<img src="http://www.my.com/images/myimage.png"> 

나는를 사용하여 이미지를 클릭 URL 이미지를 업로드 할 파일로 만드시겠습니까?

어떤 접근 방식입니까?

+3

내가 따르고 있지 않습니다 ... 왜 이미 페이지에 삽입 된 이미지를 업로드 하시겠습니까? – Moses

+1

@ 모세 (Moses) - 그는 파일 업로드와 관련하여 이미지를 버튼으로 사용할 수 있는지 묻습니다. –

답변

3

자바 스크립트를 통해서만 수행 할 수 있지만 대부분의 브라우저는 보안상의 이유로 사용자를 보내지 않습니다. IE는 모든 버전의 유무를 알지 못합니다.

<img src="images/flake.gif" name="flake" onclick="openUploadFileDialogue();"> 
<script> 
function openUploadFileDialogue(){ 
    var frm = document.form1.upload; 
    if(document.all && document.getElementById){ 
     document.form1.upload.click(); 
    } 
} 
</script> 

당신 style your upload element with CSS 원하는 결과가 무엇인지에 따라 원하는 결과를 얻을 수 있습니다.

+0

이것은 Opera가 아닌 대부분의 브라우저에서 작동하며 이전 버전의 Firefox에서는 작동하지 않습니다. – gilly3