클릭 한 번으로 업로드 버튼

Question

버튼을 클릭하면 업로드 할 이미지를 선택하고 대화 상자 창에서 확인을 누르면 업로드가 시작되는 대화 상자 창이 열립니다 (업로드 막대 옵션 :)

표준 HTML 파일 입력 기능을 수정하는 jquery 플러그인이 바람직합니다. 이미 하나를 사용하여 코드를 작성 했으므로 바람직합니다.

Answer 1

JQuery 플러그인 uploadify은 진행 막대와 함께 업로드되며 하나 또는 여러 개의 파일 업로드 기능을 포함합니다.

Answer 2

SWFUpload이 가능합니다. 자바 스크립트를 사용하여 상호 작용할 수있는 플래시 기반 업로드 구성 요소입니다.

Demo

Answer 3

는 SWFupload 이외의 다른 플래시 기반의 솔루션이 있습니다. 살펴보기 uploadify.com

이것은 jquery 플러그인입니다.

Answer 4

이 당신을 위해 무엇을 찾고있는 사람이 될 수 있습니다

는

https://github.com/bencolon/file-uploader

스크립트 여러 파일의 업로드를 지원하지만 옵션입니다. Uploadify 및 SWFUpload 모두 Flash가 설치되어 있어야하지만이 플러그인은 Flash가 필요하지 않습니다. 문제에 대한 가장 간단한 접근 방법 일 것입니다. 사용할 수있는 더 작은 플러그인이 있지만 모든 브라우저에서 제대로 작동하지 않는 경향이 있습니다.

Answer 5

jquery 및 일반 html을 사용하여이를 수행 할 수있는 속임수가 있습니다. 이것은 내 프로젝트에서 하나의 파일 (한 개로 제한)을 업로드하는 데 사용하며 단추 하나로 스타일을 지정해야하지만 버튼 하나만 사용하면됩니다.

HTML 코드

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

JQuery와 : 정말에만 그래서 나는 가능한 가장 간단한 방법을 선호 하나 개의 파일을 업로드 찾고

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script>