node.js - 如何使用node+jquery ajax实现图片上传?

 瘦瘦的胖菇凉 发布于 2022-11-05 06:44

如果使用form表单上传文件的话会造成网页的刷新,所以不想用这种方法,直接用ajax传送要如何实现,node后端要如何接收?

2 个回答
  • http://segmentfault.com/a/1190000002548247

    <form id="form1" enctype="multipart/form-data" method="post" action="/session/sendImg?subID=3&subsID=2&ssID=163">
        <input type="file" name="file" id="file"/>
        <input type="text" name="name" id="name"/>
        <input type="button" onclick="sendForm()" value="Upload" />
    </form>
    function sendForm(){
        var fd = new FormData();
        fd.append("file",$('#file')[0].files[0]);
        fd.append("name",$('#name').val());
        $.ajax({
            type:'POST',
            dataType:'text',
            processData: false,  // 告诉JSLite不要去处理发送的数据
            contentType: false,   // 告诉JSLite不要去设置Content-Type请求头
            data:fd,
            url:'/session/sendImg?subID=3&subsID=2&ssID=163',
            success:function(data){
               console.log('success:',data)
            },
            error:function(d){
               console.log('error:',d)
            }
        })
    }

    node接收你就搜一下,怎么玩儿的。

    2022-11-12 01:45 回答
  • 前端:
    使用jquery.form.js的ajaxform异步提交表单

    后端(node):
    使用node gm模块(图片压缩剪切处理)
    https://github.com/aheckmann/gm

    使用node-formidable获取表单提交内容及上传的图片
    https://github.com/felixge/node-formidable

    2022-11-12 01:45 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有