披露:我在 Transloadit 工作,所以我会朝那个方向发展。
选项 1,继续自己处理上传:
由于您自己处理上传并使用 Node.js,您可以使用 Node.js SDK 将文件发送到 Transloadit:
// npm install transloadit --save
const TransloaditClient = require('transloadit')
const transloadit = new TransloaditClient({
authKey: 'YOUR_TRANSLOADIT_KEY',
authSecret: 'YOUR_TRANSLOADIT_SECRET'
})
// Likely you'll want to use .addStream(part) here instead!
transloadit.addFile('myfile_1', './chameleon.jpg')
const options = {
params: {
steps: {
thumbed: {
use: ':original',
robot: '/image/resize',
width: 75,
height: 75,
resize_strategy: 'fit',
},
}
}
}
transloadit.createAssembly(options, (err, result) => {
if (err) {
throw err
}
console.log({result})
})
该文件现在由 Transloadit 调整大小,您可以使用我们的/azure/export Robot将文件发送到 Azure 存储:
"exported": {
"use": ["thumbed"],
"robot": "/azure/store",
"credentials": "YOUR_CREDENTIALS"
}
选项 2,让 Tranloadit 也处理上传
或者,您可以将我们新的开源文件上传器 Uppy作为插件放入您的网站,并使用其 Transloadit 插件将文件直接发送到 Transloadit。编码和 Azure 导出说明将保存在模板中的 Tranloadit 帐户中。您可以template_id
在 Uppy 集成中引用它,然后您不必自己编写任何服务器端代码或处理分段上传。您的上传也将变为可恢复的。Uppy 网站上有一个活生生的例子。以下是我为您的用例调整它的方法(未经测试):
<!-- Basic Uppy styles. You can use Transloadit's CDN, Edgly:
https://transloadit.edgly.net/releases/uppy/v0.27.4/dist/uppy.min.css -->
<link rel="stylesheet" href="/uppy/uppy.min.css">
<div class="UppyDragDrop"></div>
<!-- Load Uppy pre-built bundled version. You can use Transloadit's CDN, Edgly:
https://transloadit.edgly.net/releases/uppy/v0.27.4/dist/uppy.min.js -->
<script src="/uppy/uppy.min.js"></script>
<script>
var uppy = Uppy.Core();
uppy.use(Uppy.DragDrop, {
target: '.UppyDragDrop',
});
uppy.use(Transloadit, {
params: {
auth: {
key: YOUR_TRANSLOADIT_API_KEY
},
template_id: YOUR_TEMPLATE_ID
},
waitForEncoding: true
});
console.log('--> Uppy pre-built version with Tus, DragDrop & Russian language pack has loaded');
</script>