jQuery를 사용하여 다중 폼 내의 모든 값을 읽는 방법

업로드 스크립트를 jQuery와 함께 작동 시키려고하지만 여러 폼에 대기중인 값 (파일)을 가져 오는 데 문제가 있습니다.jQuery를 사용하여 다중 폼 내의 모든 값을 읽는 방법

하나의 입력에서 10 개의 파일을 선택할 수 있도록 작업 할 수 있지만 그 값을 가져 오려고 할 때 나는 동시에 10 개의 파일 중 첫 번째 파일 만 가져옵니다. 파일을 업로드하고 값을 가져올 수 있지만 jQuery와 함께 작동하도록 만들고 싶습니다. 작동하지 못하게해야합니다. 내가 드래그하여 파일을 선택하고 다음을 추가 할 때 그래서 첫 번째 값이 "div.files"에 할당됩니다

<!DOCTYPE html> 
<html lang="en-us"> 
<head> 
<script src="jquery-min.js"></script> 
<script> 
$(document).ready(function() { 
    $("form").change(function() { 
    var form = $(".forms").val(); 
     $(".files").append("Files:"+form); 
    }); 
    }); 
</script> 
</head> 
<body> 
<form action="" method="post" enctype="multipart/form-data"> 
    <input type="file" class="forms" value="" name="upload[]" multiple> 
    <button type="submit">Upload!</button> 
</form> 
<div class="files"></div> 
<?php var_dump($_FILES);?> 
</body> 
</html>

: 여기

는 코드입니다. 그래서 내 질문은 어떻게 그것의 내부에있는 파일의 배열을 읽을 수 있도록 그냥 첫 번째 얻을하지 않습니다? Upoadify :

출처

2011-04-28 Alexander

http://i.stack.imgur.com/lOAvk.png는 내가 jQuery를 업 로더 플러그인 같은 추천 : 여기

문제를 표시하는 이미지입니다. 그것은 좋은 UI가 - 상자 - 승/진도 표시 줄이 아마 위의 코드에 대한 더 나은 API를 제공합니다. 여기에 예제가있다 :

<script type="text/javascript"> 
    $(function() { 
     $('#file_upload').uploadify({ 
     'uploader'  : '/path/to/uploadify.swf', 
     'script'  : '/path/to/uploadify.php', 
     'cancelImg'  : '/path/to/cancel.png', 
     'folder'  : '/uploads', 
     'onAllComplete' : function(event,data) { 
      document.getElementByID('someForm').submit(); 
     } 
     }); 
    }); 
</script> 
<form id="someForm" action="someFile.php" method="post"> 
<input name="someField" type="text" /> 
<input id="someID" name="someName" type="file" /> 
<input onclick="$('#someID').uploadifyUpload()" type="button" value="Submit" /> 
</form>

출처

2011-04-28 15:13:38 pixelbobby

예, 나는 그것을 시도했다하지만 여전히 제대로 작동하지 않습니다 (그 flashscript 여전히 버그를 가지고) 그리고 난 내 응용 프로그램에 대한 V 3.0 기다릴 시간이 없어. 힘든 빠른 답변 주셔서 감사합니다. – Alexander

jQuery를 사용하여 다중 폼 내의 모든 값을 읽는 방법

답변

관련 문제