2011-01-20 81 views
8

我正在使用ajax-upload代码来执行简单的AJAX文件上传。我遇到的问题是文件在提交后没有显示在后端。使用Django进行文件上传

的前端代码是非常基本的:

<div id="image_uploader">Upload More Images</div> 
<script type="text/javascript" charset="utf-8"> 
    function createUploader(){    
     var uploader = new qq.FileUploader({ 
      element: document.getElementById('image_uploader'), 
      action: '/add/image/1', 
      debug: true, 
      onSubmit : function() { 
       progress.show(); 
      }, 
      onComplete : function() { 
       progress.hide(); 
      }, 
      onCancel : function() { 
       progress.hide(); 
      }, 
     });   
    }; 

    createUploader(); 
</script> 

后端代码(正在进行中)也相当简单:

def add_image(request, id): 
    print request 
    if request.FILES: 
     return HttpResponse("{success:true}") 
    else: 
     return HttpResponse("{success:false, message:'Unable to find FILES}") 

回答

12

对于我来说,使用代码Alex Kuhlrequest.GET['qqfile']有文件名和request.read()(在Django 1.3中)返回数据。

request.FILES仅用于尚未发生的情况。我使用AJAX上传直接对话Photologue,和我的代码看起来是这样的:

def save_upload(uploaded, filename, raw_data): 
    """ 
    raw_data: if True, upfile is a HttpRequest object with raw post data 
    as the file, rather than a Django UploadedFile from request.FILES 
    """ 
    try: 
     filename = os.path.normpath(os.path.join(IMAGE_UPLOAD_PATH, filename)) 
     with BufferedWriter(FileIO(filename, "wb")) as dest: 
      # if the "advanced" upload, read directly from the HTTP request 
      # with the Django 1.3 functionality 
      if raw_data: 
       (dirName, fileName) = os.path.split(filename) 
       (fileBaseName, fileExtension)=os.path.splitext(fileName) 
       # 
       # right here, if fileBaseName is less than n characters, might want to slap on a date just for fun 
       # 
       try: 
        i_can_has_p = Photo.objects.get(title=fileBaseName) 
        title = fileBaseName + "_" + str(datetime.datetime.now().strftime("%Y%m%dT%H%M%S")) 
       except Photo.DoesNotExist: 
        title = fileBaseName 
       title_slug = slugify(title) 
       p = Photo(title=title, title_slug=title_slug) 
       p.image.save(filename,ContentFile(uploaded.read())) 
      # if not raw, it was a form upload so read in the normal Django chunks fashion 
      else: 
       # TODO: figure out when this gets called, make it work to save into a Photo like above 
       for c in uploaded.chunks(): 
        dest.write(c) 
    except IOError: 
     # could not open the file most likely 
     return False 
    return True 

def ajax_upload(request): 
    if request.method == "POST": 
     # AJAX Upload will pass the filename in the querystring if it is the "advanced" ajax upload 
     if request.is_ajax(): 
      # the file is stored raw in the request 
      upload = request 
      is_raw = True 
      try: 
       filename = request.GET[ 'qqfile' ] 
      except KeyError: 
       return HttpResponseBadRequest("AJAX request not valid") 
     # not an ajax upload, so it was the "basic" iframe version with submission via form 
     else: 
      is_raw = False 
      if len(request.FILES) == 1: 
       # FILES is a dictionary in Django but Ajax Upload gives the uploaded file an 
       # ID based on a random number, so it cannot be guessed here in the code. 
       # Rather than editing Ajax Upload to pass the ID in the querystring, note that 
       # each upload is a separate request so FILES should only have one entry. 
       # Thus, we can just grab the first (and only) value in the dict. 
       upload = request.FILES.values()[ 0 ] 
      else: 
       raise Http404("Bad Upload") 
      filename = upload.name 

    # save the file 
    success = save_upload(upload, filename, is_raw) 

    # let Ajax Upload know whether we saved it or not 
    ret_json = { 'success': success, } 
    return HttpResponse(json.dumps(ret_json)) 

在我的情况,ajax_upload是阿贾克斯的action:参数调用的函数

+0

我在哪里可以定义`IMAGE_UPLOAD_PATH`? – 2011-01-20 18:25:05