重定向会中断图像上传

Question

当用户提交表单时，应将用户重定向到其他页面。我使用window.location.href进行重定向，但它无法正常工作。它会重定向，但上传的图像将无法正常工作。

这是我的代码：

AddRent.js（上传图片代码更专注于缩短代码行）

 $.ajax({
        url:"/add/space/",
        data:sendData,
        type:'POST',
        success: function(data, textStatus, xhr ) {
          var pk = xhr.getResponseHeader('pk-user');
          console.log('pk is',pk);
          $.ajax({
           url:"/upload/image/"+pk+"/",
           data:image,
           contentType:false,
           processData:false,
           type:'POST',
           mimeType: "multipart/form-data",
           success: function(data) {
             console.log('success');
           }
          });
         window.location.href="http://commonrentpspace.me/"; // if i use this to redirect, the images does not get upload
        }
       });
      }
}

Views.py ：

class AddView(TemplateView):
    template_name = 'rentals/add.html'

class AddSpaceView(View):
    def post(self,request,*args,**kwargs):
        print ('add space view',request)
        if request.POST:
            response = HttpResponse('')
            print('owner name is',request.POST.get('ownerName'))
            print('amenities',request.POST.get('amenities'))
            rental = Rental()
            rental.ownerName = request.POST.get('ownerName')
            rental.email = request.POST.get('email')
            rental.phoneNumber = request.POST.get('phoneNumber')
            rental.listingName = request.POST.get('listingName')
            rental.summary = request.POST.get('summary')
            rental.property = request.POST.get('property')
            rental.room = request.POST.get('room')
            rental.price = request.POST.get('price')
            rental.city = request.POST.get('city')
            rental.place = request.POST.get('place')
            rental.water = request.POST.get('water')
            rental.amenities = request.POST.get('amenities')
            rental.save()
            response['pk-user'] = rental.pk
            return response

        return HttpResponse('Rental Information successfully added')


 class UploadImage(View):
    model = Rental
    template_name = 'rentals/add.html'
    print "Hello"
    def get(self, request, *args, **kwargs):
        return render(request, self.template_name)
    def post(self,request,*args,**kwargs):
        try:
            rental = Rental.objects.get(pk = self.kwargs['pk'])
        except Rental.DoesNotExist:
            error_dict = {'message': 'Rental spae not found'}
        print "Error Rental do not exist"
            return self.render(request,'rentals/add.html',error_dict)
        if request.FILES:
            for file in request.FILES.getlist('image'):
                print('file',file)
                image = Gallery.objects.create(rental = rental, image=file)
                print('image',image)
        print "Uploading Image"
        return HttpResponse("Uploaded successfully")

我是否需要提供任何其他信息？可能是什么原因？

Answer 1

$.ajax({
        url:"/add/space/",
        data:sendData,
        type:'POST',
        success: function(data, textStatus, xhr ) {
          var pk = xhr.getResponseHeader('pk-user');
          console.log('pk is',pk);
          $.ajax({
           url:"/upload/image/"+pk+"/",
           data:image,
           contentType:false,
           processData:false,
           type:'POST',
           mimeType: "multipart/form-data",
           success: function(data) {
             console.log('success');
             window.location.href="http://commonrentpspace.me/"; // move it here.
           }
          });
        }
       });
      }
}