원격 파일 업로드 성배

Question

Ajax를 사용하는 Grails를 사용하여 웹 application을 만들고 있습니다. ajax를 사용하여 파일 업로드를 구현하고 싶습니다. 파일 업로드에 ajax를 사용하는 방법을 모릅니다.

<!-- code for file upload form-->
<div id="updateArea">

</div>

업로드를 시도한 후 결과로 'UpdateArea'를 업데이트하려고합니다. 결과에서 업로드 된 파일의 세부 정보를 표시 할 계획입니다.

Answer 1

Ajax를 통해 파일을 업로드하는 것은 실제로 불가능합니다. 숨겨진 iframe을 사용하여 백그라운드에서 파일을 업로드하고 반복 (IFRAME 내부)을 평가하거나 업로드가 완료된 후 다른 Ajax 호출을 해고 할 수 있습니다.

<g:form name="upload-form" action="upload" method="post" enctype="multipart/form-data" target="hidden-upload-frame">
    File: <input type="file" name="myFile" />
    <button type="submit">Upload</button>
</g:form>

<iframe id="hidden-upload-frame" name="hidden-upload-frame" style="display: none" onload="onUploadComplete">
</iframe>

<script type="text/javascript">
    function onUploadComplete(e) {
        // Handle upload complete
        alert("upload complete");
        // Evaluate iframe content or fire another ajax call to get the details for the previously uploaded file
    }
</script>

또 다른 옵션은 플래시 기반 업로드 메커니즘을 사용하는 것입니다 (예 : swfupload) iframe 대신.

Answer 2

http://grails.org/plugin/ajax-uploader