2011-08-25 3 views
2

다음 코드는 완벽하게 작동합니다. 내 유일한 관심사는 AJAX/alternative로 변환하여이 요청을 제출하기 위해 전체 페이지를 새로 고칠 필요가 없다는 것입니다. 당신을주고, 특히, Plupload이 앱 엔진 Blob 저장소 작업에 매여 할 수 있습니다 -Blobstore 업로드 + Ajax/Alternative

가능한 경우도 AJAX 업로드에 대한 몇 가지 JS 솔루션을 살펴보십시오 바 등을 진행

<form action="{{ upload_url }}" method="POST" enctype="multipart/form-data"> 

     Upload File: <input type="file" name="file"> <br> 
     <input type="submit" name="submit" value="Submit"> 

     <input type="hidden" name="data1" value="{{ data1 }}"> 
     <input type="hidden" name="data1" value="{{ data2 }}"> 

</form> 
+0

[이 답변] (http://stackoverflow.com/questions/6428911/blobstore-upload-with-javascript/6429168#6429168)을 확인하십시오. –

+0

여기에 질문이 있습니까? –

+0

@ 닉 존슨, 물음표를 넣지 않아서 미안 해요. – MrCooL

답변

5

로드 포함 멀티 업로드 지원, AJAX 업로드 및 업로드 위젯/진행률 막대/등의 옵션

실제로 @NickJohnson에는 전체 단계가 안내되는 blog post이 있습니다.

그것의 요점은 다음과 같습니다

1) 생성 업로드 URL을 반환하는 처리기 만들기) 다운로드 Plupload

2 설치합니다. 이런 식으로 뭔가 :

from google.appengine.ext import webapp 
from google.appengine.api import blobstore 

class BlobstoreURLResponder(webapp.RequestHandler): 

    """ Mapped to the URL /get_upload_url """ 

    def get(self): 
     self.response.headers['Content-Type'] = 'text/plain' 
     self.request.out.write(blobstore.create_upload_url('/blobstore/passthrough')) 

3), 더 자세한 내용은 파일

uploader.bind('UploadFile', function(up, file) { 
    $.ajax({ 
     url: '/get_upload_url', 
     async: false, 
     success: function(data) { 
      up.settings.url = data; 
     }, 
    }); 

을 업로드하기 전에의 Blob 업로드 URL을 얻을 블로그 게시물을 살펴보고 Plupload를 연결. Nick에는 Plupload + Blobstore를 설정하는 데 도움이되는 멋진 연습이 있습니다.

+0

통과 했습니까? – gaurav414u

관련 문제