Pergunta

Estou criando um webapplication usando grails que utiliza grande quantidade de ajax.I deseja implementar o upload de arquivos usando ajax.I não sei como usar ajax para a amostra de arquivo upload.My código GSP é:

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

</div>

Eu tentei com e .Após upload eu quero atualizar o 'updateArea' com o result.In resultar Estou planejando para mostrar detalhes do arquivo enviado.

Foi útil?

Solução

Como fazer upload de um arquivo via Ajax não é realmente possível. Você ainda pode fazer upload de um arquivo em segundo plano usando um iframe oculto e quer avaliar a repsonse (que é, em seguida, dentro do iframe) ou disparar outra chamada ajax após o carregamento for concluído.

<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>

Outra opção é usar um mecanismo de carregamento de flash com base (por ex. swfupload ) em vez do iframe.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top