JQuery】使用django和jquery异步上传图片后台无法获取前端传过去的数据是什么原因,怎么解决

2020-12-24 10:06发布

1条回答
[removed]
 $(function () {
        $('#number').click(function () {
            var form_info = new FormData();
 var fileinfo = $('[name=upload]'); //获取文件对象
 var file_obj=fileinfo[0].files[0]; //1种方式获取文件内容 //var file_obj = $('[name=upload]')[0].files[0]; //2种方式获取文件内容 //这里FormData是一个jquery对象,用来绑定values对象,也可以用来上传二进制文件,有了他就可以不用form表单来上传文件了
 var uesrName=$('[name=userName]').val() /*获取用户名*/
 var userPsw=$('[name=userPsw]').val()/*获取密码*/
 var box=$('[name=box]').val() /*获取记住用户名*/
 var check=$('[name=check]').val() /*获取验证码*/
 var csr=$('[name=csrfmiddlewaretoken]').val()            // var datas = $('#form1').serialize()/*序列化表单对象(获取表单内容,以这种方式展现userName=用户输入的内容&userPsw=用户输入的内容)*/
 form_info.append('userPsw',userPsw);
 form_info.append('uesrName',uesrName);
 form_info.append('box',box);
 form_info.append('check',check);
 form_info.append('csrf',csr); // form_info.append('file_obj',file_obj); //image_info.append('csrfmiddlewaretoken',csrf_data); //获取防止身份伪造跨域名攻击内容
 $.ajax({
                processData: false, /*不处理数据*/
 contentType: false, /*不设置内容类型*/
 // headers: { //         "X-CSRFToken": $.cookie('csrftoken')  // Django 403处理 //     },
 url: '/login_check', /*请求地址*/
 type: 'post', /*请求方式*/
 data: form_info, /*发送的数据内容*/
 datatype: 'json',/* 请求数据返回的类型*/
 success: function (data) { /*返回请求信息*/
 // if (data.info == 1) { //     [removed].replace('/direct')//1.页面重定向 //     // [removed].href="url" //2.页面重定向 // } else if (data.info == 0) { //     alert('密码错误') // } else if (data.info == 2) { //     alert('用户名不能为空') // } else if (data.info == 3) { //     alert('验证码错误') // } }
            })
        })
    })
[removed]


相关问题推荐

  • 回答 9

    jQuery是库,不是框架。库只管引进来使用,除了库接口,没有其他约束,随便怎么用,free style。而框架则有着各种各样的严格约束。

  • 回答 4

    *{undefinedmargin:0px;padding:0px;}.main{undefinedcursor:pointer;}.list{undefinedborder:1px solid black;display:none;}.list li{undefinedcursor:pointer;border:1px solid red;list-style:none;}#noPopEvent...

  • 回答 6

    id、name、class这三种会了就行了,后面在实践中慢慢学习吧。。不过现在纯前端好像都不咋用jquery了

  • 回答 5

    文档过一遍,感觉理解了写一个todolist,然后把react-router文档过一遍,写一个todolist,最后把redux文档看一遍,写一个todolist。这样下来,react全家桶基本理解了

  • 回答 6

    前端技术每年都会不断更新,一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,前端技术工程师缺口非常大。技术的发展规律其实,技术的发展趋势就是追求更高的复用性,更简便的业务代码写法,所以最终都会要求跨平台、都会彻底分离非业务逻辑。j...

  • 回答 3

    有一定影响,而且不仅对蜘蛛,如果用户浏览器把js禁用的话也显示不了

  • 回答 5

    国外还有 Amazon, 全球最大的电子商务网站。还有微软,很多很多。

  • 回答 4

    前端框架的vue.js,angular.js,可视化工具d3.js,移动端:zepto等

  • 回答 6

    最接近替代品的当然是Zepto。不过如果你没有legacy的代码要维护,又只需要支持green browsers,可以考虑完全用标准api。

  • 回答 1

    1

  • 回答 5

    两个都不学写网站一点问题都没有。工具而已,写代码的时候突然需要了现学现用都行。jquery 是方便你不使用原生js的情况下直接调用一些控制element动态响应的抽象方法 的函数库而boostrap是一个前端框架,主要作用是内置了很多全局css样式,写前端的时候随便用...

  • 回答 2

    1. jQuery 里面有很多东西是出于兼容性,历史遗留。比如 .ready() 之类的函数,为什么会很scroll 有关,那是为了兼容某些ie。这种代码对于编程思想来说不仅没用,而且是杂音,你要筛选出来就得了解这段代码的变动,费心费力得不偿失。2. jQuery 里面的代码不...

  • 回答 6

    一个很明显的缺点就是,太大。对于一些比较小的项目确实可以做到快速开发,但是现在的jQuery太臃肿了,有很多用不到的功能。所以现在有了很多精简jQuery的项目。另外就是全DOM操作,钩子往往会依赖标签,如果依赖jQuery来搭建页面的话(比如后台输出json,然...

  • 回答 2

    angularjs这个类库本身就借助了jquery的一个弱化版本jqLite来操作html中的dom树,所以angularjs中使用jquery是完全没有问题的,相反的如果你使用angularjs做项目时间越长你会发现angularjs只有配合jquery才能更好的进行开发。尤其在directive中操作dom元素,...

  • 回答 3

    jquery有关于淡入淡出效果的方法,一共四个,分别是:fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 用于淡入已隐藏的元素$(button).click(function(){   $(#div1).fadeIn();   $(#div2).fadeIn(slow);   $(#div3).fadeIn(3000); });jQuery .....

  • 回答 4

    下面我们要在这个对象上挂载一个extend方法,用于让开发者为我这个对象添加功能和方法。12345var $ = {   extend:function(ob){      /**暂时不管里面写什么**/   }  }现在,我们就在$这个对象上添加了一个extend方法,外部可以通过$.extend(obj...

没有解决我的问题,去提问