javascript - Jquery - 更新背景CSS

Question

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

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

Django 响应:

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

Django View .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')");

注意:您需要使用相对于 Web 根目录而不是主目录的图像路径。