开发者社区> 问答> 正文

宜搭远程API如何提交blob参数?

Content-Type改成multipart/form-data以后,load如何传附件参数?

展开
收起
学习的乐趣 2024-10-08 10:41:48 73 0
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~

    您好,宜搭也支持使用fetch API 发送请求,可以参考以下示例
    image.png

    // 假设你已经有一个 Blob 对象,可能是从一个文件输入框获取的
    const fileInput = document.getElementById('fileInput');
    const blob = fileInput.files[0]; // 获取用户选择的文件
    
    // 创建一个 FormData 对象
    const formData = new FormData();
    
    // 将 Blob 附件添加到 FormData
    formData.append('file', blob, blob.name); // 'file' 是字段名,blob.name 是文件的原始名称
    
    // 添加其他参数
    formData.append('param1', 'value1');
    formData.append('param2', 'value2');
    
    // 使用 fetch API 发送请求
    fetch('https://example.com/api/upload', {
        method: 'POST',
        body: formData, // 将 FormData 作为请求体
        // 不需要添加 Content-Type 头,fetch 会自动设置为 multipart/form-data
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
    
    2024-10-09 13:06:38
    赞同 172 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
Spring Boot2.0实战Redis分布式缓存 立即下载
CUDA MATH API 立即下载
API PLAYBOOK 立即下载