나는 파일을 선택하고 취소 또는 삭제할 옵션이있는 미리보기가있는 클라이언트 쪽 처리가 정말 마음에 듭니다.blueimp jQuery-File-Upload with ajax
그러나 양식이있는 페이지를 업로드하고 싶지만 아약스를 사용할 필요가 없습니다. 필자는 모든 옵션을 고려해 보았고 어쨌든 동기식으로 선택된 파일로 양식을 게시 할 수는 없습니다.
data.files를 양식과 함께 게시 할 수 있습니까?
replaceFileInput 옵션을 false로 설정하여 blueimp jQuery-File-Upload를 사용하여 표준 양식 제출을 통해 파일을 제출할 수 있습니다. 문서에서
: 기본적으로는 파일 입력 필드는 각 입력 필드 변경 이벤트 후 복제로 대체됩니다. 이것은 iframe이 전송 큐 에 필요한 및 변경 이벤트가 같은 파일 선택 해고 할 수 있지만 는 jQuery를 - 파일 - 업 로더 쉽게 아약스 파일을 생성 blueimp 거짓
어떻게이 옵션을 동적으로 변경할 수 있습니까? 사용자가 비활성화 할 수있는 자동 저장 (ajax 경유) 양식이있어서 양식을 정상적으로 제출할 수 있어야합니다. 현재 자동 저장이 꺼져 있고 사용자가 양식을 제출하면 선택한 파일 데이터가 서버로 전달되지 않습니다. –
큰 감사드립니다. –
이 옵션을 설정하여 비활성화 할 수 있습니다 업로드. 간단하고 여러 파일 입력을 서버에 게시하려는 경우 API가 어떻게 동작해야 하는지를 변경하려면 제공된 API를 사용하여 수정해야합니다.
다른 라이브러리를 사용하는 것이 좋습니다.
이것은 내가 웹에 설립 그들 중 하나입니다
http://www.fyneworks.com/jquery/multiple-file-upload/
내가 쉽게이 라이브러리를 사용하여 UI를 조정할 것이라고 생각 jQuery를 - 파일 업로드와 유사한 것을.
다음은 서버에 업로드하기 전에 이미지 파일의 미리보기를 표시하는 코드 샘플입니다.
http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html
그냥 줄에 MultiFile.addToList의 기능을 변경 283
그것은 말 t에 다음 배열에있는 파일을 수집, false로 autoUpload를 설정하여 수행 할 수있는 모든 단일 아약스 전화를 할 파일을 here과 같이 양식 데이터와 함께 저장하십시오.
Use config replaceFileInput = false;
jQuery('#add_new_product_form').fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
fileInput: jQuery('#upload-video'),
replaceFileInput: false,
......
})
컨트롤러에 $ _FILES의 비디오 데이터를 가져올 수 있습니다.
AJAX가없는 파일 업로드는 대부분의 언어에서 매우 간단합니다. 귀하의 질문이 분명하지 않은 것 같습니다. http://www.whathaveyoutried.com –
Jay Blanchard에서 blueimp jQuery-File-Upload를 사용하셨습니까? 아약스없이 파일 업로드를하는 것은 매우 간단하다는 것을 알았습니다. 그건 제 질문이 아니 었습니다. 제 질문은 동기 양식 게시를 수행하기 위해 blueimp jQuery-File-Upload를 사용하는 것이 었습니다. – Topaz
양식을 사용하여 파일을 게시하려면 업로드 구성 요소가 양식 게시 구성 요소와 함께 있어야합니다. 그러나이 컨텍스트에서 bt "동기"가 무엇을 의미하는지 확신 할 수 없습니까? 양식 데이터를 게시하고 동시에 무언가를 업로드하는 것을 의미합니까? 그렇다면 - https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data –