首页 > Web开发 > 详细

在js中注释问题<!----> /* */

时间:2019-05-30 20:00:50      阅读:89      评论:0      收藏:0      [点我收藏+]
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>form表单上传文件</h1>
{#form表单提交数据时添加enctype=“multipart/form-data"#}
<form action="{% url ‘upload‘ %}" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    用户名:<input type="text" name="username">
    密码: <input type="password" name="password">
    头像:<input type="file" name="img">
    <input type="submit" >

</form>





<h1>ajax文件上传</h1>
<div>
    用户名:<input type="text" name="ajaxname">
    密码: <input type="password" name="ajaxpwd">
    头像:<input type="file" name="img">
    <input type="button" value="上传文件" id="btn">
</div>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
{#<script src="./../static_file/jquery-3.4.1.js"></script>#}
<script>
    $(‘#btn‘).click(function(){
        var formdata = new FormData();
        var uname = $(‘[name=ajaxname]‘).val();
        var password = $(‘[passwprd=ajaxpwd]‘).val();
        var img = $(‘[name=img]‘)[0].files[0];
        var csrf_data = $(‘[name=csrfmiddlewaretoken]‘).val();
        formdata.append(‘username‘,uname);
        formdata.append(‘password‘,password);
        formdata.append(‘img‘,img);
        formdata.append(‘csrfmiddlewaretoken‘,csrf_data);
        $.ajax({
            url:‘{% url "upload" %}‘,
            type:‘post‘,
            <!--data:{不适合上传文件了。
                username:uname,
                password:password,
                img:img,
                csrfmiddlewaretoken:csrf_data
            }-->

            data:formdata,
            processData:false,
            contentType:false,
            success:function(res){
                console.log(res)
            }


        })

        })

</script>




</body>
</html>

  

技术分享图片

技术分享图片

注释:

技术分享图片

 

在js中注释问题<!----> /* */

原文:https://www.cnblogs.com/Zhao159461/p/10951545.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!