修改头像选中图片后，没有反应？修改密码按钮没有反应？好像POST请求都没发出去

Question

usercenter-info.html中修改头像部分的FORM

<form class="clearfix" id="jsAvatarForm" enctype="multipart/form-data" autocomplete="off" method="post" action="{% url 'users:image_upload' %}" target='frameFile'>
    <label class="changearea" for="avatarUp">
        <span id="avatardiv" class="pic">
            <img width="100" height="100" class="js-img-show" id="avatarShow" src="{{ MEDIA_URL }}{{ request.user.image }}"/>
        </span>
        <span class="fl upload-inp-box" style="margin-left:70px;">
            <span class="button btn-green btn-w100" id="jsAvatarBtn">修改头像</span>
            <input type="file" name="image" id="avatarUp" class="js-img-up"/>
        </span>
    </label>
    <input type='hidden' name='csrfmiddlewaretoken' value='799Y6iPeEDNSGvrTu3noBrO4MBLv6enY' />
    {% csrf_token %}
</form>

users中urls中的配置

urlpatterns = [
    #用户信息
    url(r'^info/$', UserinfoView.as_view(), name="user_info"),
    #用户头像上传
    url(r'^image/upload/$', UploadImageView.as_view(), name="image_upload"),
    #个人用户中心修改密码
    url(r'^update/pwd/$', UpdatePwdView.as_view(), name="update_pwd"),
]

users中Vieww的配置

class UploadImageView(LoginRequiredMixin, View):
    """
    用户修改头像
    """
    def post(self, request):
        image_form = UploadImageForm(request.POST, request.FILES, instance=request.user)
        if image_form.is_valid():
            image_form.save()
            return HttpResponse('{"status":"success", "msg":""}', content_type='application/json')
        else:
            return HttpResponse('{"status":"fail", "msg":""}', content_type='application/json')

打断点上传头像，反应都没有，感觉没发出POST请求？但是好像没有配置错啊？

Answer 1

bobby 2017-05-17 17:07:46

1. f12看一下点击头像后 有没有发起网络请求， 确定一下是没有发起网络请求还是后台view里面是500错误
   

2. 你给我发一下消息 把你的源码发给我看看为什么点击修改密码没有反应， 应该是前端js的问题
   

• 提问者 zjuPeco #1

  多谢老师！已经自己解决了

• weixin_慕斯卡4281563 #2

  修改头像的 POST没有发出   是啥原因

Answer 2

smart_leizi 2017-08-15 08:12:56

没有反应的原因是：

usercenter-base.html中的js代码没有起作用，修改成如下的样式就可以了

<script src="{% static 'js/selectUi.js' %}" type='text/javascript'></script>
<script type="text/javascript" src="{% static 'js/plugins/laydate/laydate.js' %}"></script>
<script src="{% static 'js/plugins/layer/layer.js' %}"></script>
<script src="{% static 'js/plugins/queryCity/js/public.js' %}" type="text/javascript"></script>
<script src="{% static 'js/unslider.js' %}" type="text/javascript"></script>
<script src="{% static 'js/plugins/jquery.scrollLoading.js' %}"  type="text/javascript"></script>
<script src="{% static 'js/validateDialog.js' %}"  type="text/javascript"></script>
<script src="{% static 'js/deco-common.js' %}"  type="text/javascript"></script>

<script src="{% static 'js/plugins/jquery.upload.js' %}" type='text/javascript'></script>
<script src="{% static 'js/validate.js' %}" type="text/javascript"></script>
<script src="{% static 'js/deco-user.js' %}"></script>

• weixin_慕斯卡4281563 #1

  我也按照这个js来的 但是修改头像的  POST没有发出

Answer 3

慕盖茨8129089 2018-07-18 05:21:43

请问解决了吗

Answer 4

皮特__ 2018-06-20 00:12:42

。。。。

Answer 5

HotDeath 2017-05-07 14:34:23

把后台的截屏发上来