Jquery - 更新背景 css

Question

我正在使用 Jquery 表单插件 http://jquery.malsup.com/form/#ajaxForm 通过 ajax 将图像上传到用 Django 编程的服务器端。上传图像时，它会自动将背景更改为该图像。一切都很完美（图像存储在数据库中并返回响应）但是如何使用该 responseText 更新 css。

这是我的 javascript 代码：https://gist.github.com/2381991

Django 响应：

 url('home/nirmal/try/files/background/monalisa.jpg')

Django 视图.py：

@login_required
def backgroundview(request):
    if request.is_ajax():
        form = BackgroundModelForm(request.POST, request.FILES)
        if form.is_valid():
            try:
                g = BackgroundModel.objects.get(user=request.user)
            except BackgroundModel.DoesNotExist:
                data = form.save(commit=False)
                data.user = request.user
                data.save()
            else:
                g.background = request.FILES['background']
                g.save()
            return HttpResponse("url('"+g.background.url+"')")
    else:
        form = BackgroundModelForm()
        return render_to_response("cover.html", {'form': form}, context_instance=RequestContext(request))

我不知道如何在 jquery 中更新 css: background-image: url()。 谁能帮帮我？

谢谢！

Answer 1

在jQuery表单插件的showResponse回调中，选择你想要应用背景图片的元素，使用.css方法设置背景图片：

$("#some_element_id").css("backgroundImage", "url('/relative/address/to/image.jpg')");

注意：您需要使用相对于网络根目录的图像路径，而不是您的主目录。

Answer 2

首先，您的客户端 jQuery 期望什么 mimetype 响应？你的代码在HttpResponse 中返回text/html，你可以.css('background-image', response_data)。

其次，g.background.url 看起来不正确，你的 MEDIA_URL 在设置中是什么？

此外，请检查您的问题Model has no attribute _committed，g.background = request.FILES['background'] 这里不检查图像类型，并且可以允许上传和存储任何类型的文件。