jquery-AJAX-FormData上传文件

  • jquery
    • 设置data的值为 FormData对象
    • 还需要设置 processData:falsecontentType:false
<body>
    <input type="file" name="pic[]" multiple id="myinput">
    <button onclick="uploadFile()">上传</button>
</body>
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> 
<script type="text/javascript">
    function uploadFile(){
        var fd=new FormData()
        fd.append("pic",document.getElementById("myinput").files[0])
        console.log(document.getElementById("myinput").files[0])
        $.ajax({
            url:"uploadserver/upload.php",
            type:"post",
            data:fd,
            processData:false,
            contentType:false,
            succcess:function(res){
                console.log(res)
            },
            dataType:"json"
        })
    }
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,375评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,383评论 2 17
  • 个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...
    Yeaseon阅读 5,729评论 2 23
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 4,247评论 0 3
  • 原因: 项目或工程的Build.gradle文件的编码格式为UTF-8 +BOM格式 解决方法: 通过NotePa...
    草帽团长阅读 7,846评论 0 0