js上传图片，django后台逻辑处理

最新推荐文章于 2024-05-20 15:17:08 发布

jiulinghouxiao

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量75

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/jiulinghouxiao/article/details/125207194

版权

<div class="col1">
   影楼logo
</div>
<div class="input upload">
   <input type="file" id="up_img_WU_FILE"  name="avator"/>
   <img id="imgShow_WU_FILE" width="100" height="100" src="{% static 'img/upload.png' %}"/>
</div>
<script>
   function submit_studio(){
          var file = $('#up_img_WU_FILE')[0].files;
          var data = new FormData();
          data.append('file', file[0]);
          $.ajax({
              url:'/user/submit_studio/',
              type:'POST',
              processData : false,
              mimeType: "multipart/form-data",
              contentType : false,
              data:data,
              success:function (res) {
                  var res = JSON.parse(res);
                  if(res.code == 200){
               window.location.reload();
                  }else{
                      alert(res.msg)
                  }
              },
              error:function (res) {
                  alert('服务器繁忙');
                  window.location.reload()
              }
          })
      }
</script>

def submit_studio(request):
    '''
    增加影楼
    :param request:
    :return:
    '''
    file = request.FILES.get('file')
    return JsonResponse({'code': 200}, safe=False, json_dumps_params={'ensure_ascii': False})