Question

我正在努力将一些cURL转换为javascript。

我正在使用它将curl转换为php - https://incarnate.github.io/curl-to-php/ - 这个工具绝对棒极了。我用javascript很难过。

我的卷毛是这样的：

curl -X POST -u "{username}:{password}"
--form metadata="{
  \"part_content_type\":\"audio/wav\",
 }"
--form upload="@audio-me.wav"
"https://my.url.here"

我正在尝试这个，但是端点给了我失败，细节没有给出，浏览器实际上抛出了：

TypeError：尝试获取资源时出现NetworkError。

这就是我所说的：

let metadata = { part_content_type: 'audio/wav' };

let data = new FormData();
data.append('upload', blob, 'audio-me.wav');
data.append('metadata', JSON.stringify(metadata));
fetch('https://my.url.here', {
    method: 'POST',
    headers: {
        'Content-Type': 'multipart/form-data',
        'Authorization': 'Basic ' + base64_encode(username + ':' + password)
    },
    body: data
}).then(x=>console.log('success:', x)).catch(z=>console.error('fail:',z));

function base64_encode (stringToEncode) { // eslint-disable-line camelcase
//  discuss at: http://locutus.io/php/base64_encode/
// original by: Tyler Akins (http://rumkin.com)
// improved by: Bayron Guevara
// improved by: Thunder.m
// improved by: Kevin van Zonneveld (http://kvz.io)
// improved by: Kevin van Zonneveld (http://kvz.io)
// improved by: Rafał Kukawski (http://blog.kukawski.pl)
// bugfixed by: Pellentesque Malesuada
// improved by: Indigo744
//   example 1: base64_encode('Kevin van Zonneveld')
//   returns 1: 'S2V2aW4gdmFuIFpvbm5ldmVsZA=='
//   example 2: base64_encode('a')
//   returns 2: 'YQ=='
//   example 3: base64_encode('✓ à la mode')
//   returns 3: '4pyTIMOgIGxhIG1vZGU='
// encodeUTF8string()
// Internal function to encode properly UTF8 string
// Adapted from Solution #1 at https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding
var encodeUTF8string = function (str) {
    // first we use encodeURIComponent to get percent-encoded UTF-8,
    // then we convert the percent encodings into raw bytes which
    // can be fed into the base64 encoding algorithm.
    return encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
    function toSolidBytes (match, p1) {
        return String.fromCharCode('0x' + p1)
    })
}
if (typeof window !== 'undefined') {
    if (typeof window.btoa !== 'undefined') {
    return window.btoa(encodeUTF8string(stringToEncode))
    }
} else {
    return new Buffer(stringToEncode).toString('base64')
}
var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
var o1
var o2
var o3
var h1
var h2
var h3
var h4
var bits
var i = 0
var ac = 0
var enc = ''
var tmpArr = []
if (!stringToEncode) {
    return stringToEncode
}
stringToEncode = encodeUTF8string(stringToEncode)
do {
    // pack three octets into four hexets
    o1 = stringToEncode.charCodeAt(i++)
    o2 = stringToEncode.charCodeAt(i++)
    o3 = stringToEncode.charCodeAt(i++)
    bits = o1 << 16 | o2 << 8 | o3
    h1 = bits >> 18 & 0x3f
    h2 = bits >> 12 & 0x3f
    h3 = bits >> 6 & 0x3f
    h4 = bits & 0x3f
    // use hexets to index into b64, and append result to encoded string
    tmpArr[ac++] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4)
} while (i < stringToEncode.length)
enc = tmpArr.join('')
var r = stringToEncode.length % 3
return (r ? enc.slice(0, r - 3) : enc) + '==='.slice(r || 3)
}

请您告知我这次转换是否错误？

由于

Answer 1

删除'Content-Type': 'multipart/form-data'。

使用FormData方法发送fetch(…)时，您无需手动设置Content-Type请求标头。见the relevant part of the Fetch spec：

↪FormData
  将操作设置为运行multipart/form-data编码算法的操作， object 为表单数据集并使用UTF-8作为显式字符编码。


将 Content-Type 设置为multipart/form-data; boundary= ，然后是multipart/form-data编码算法生成的multipart/form-data边界字符串。< / p>

所以'Content-Type': 'multipart/form-data'无论如何都会出错 - 因为缺少boundary=…部分，它的格式不正确。

但是通过在代码中手动设置，我认为您基本上覆盖了浏览器已正确格式化的Content-Type请求标头（根据Fetch规范要求）已经设置。

将cURL转换为使用auth，multipart / form-data和json进行提取

1 个答案: