标签: uppy

配置 Uppy 以使用 Laravel/Vue 的分段上传

我想到了

这就是缺失的部分。一旦我清理了我的代码,我就会发布一个答案,这样希望下一个必须处理这个问题的可怜的灵魂就不必经历我所经历的同样的地狱;)

$command = $client->getCommand('UploadPart', array(
    'Bucket' => 'the-bucket-name',
    'Key' => $key,
    'PartNumber' => $partNumber,
    'UploadId' => $uploadId,
    'Body' => '',
));

$signedUrl = $client->createPresignedRequest($command, '+20 minutes');
$presignedUrl = (string)$signedUrl->getUri();
return response()->json(['url' => $presignedUrl]);
Run Code Online (Sandbox Code Playgroud)

我正在尝试弄清楚如何配置我的服务器以与 Uppy 一起使用,以便使用 CompanionUrl 选项将分段上传上传到 AWS S3。https://uppy.io/docs/aws-s3-multipart/#createMultipartUpload-file

这就是我想到走这条路线的地方https://github.com/transloadit/uppy/issues/1189#issuecomment-445521442

我无法弄清楚这一点,而且我觉得其他人也被困住了,没有答案,所以我发布了迄今为止我在尝试让 Uppy 使用 Laravel/Vue 处理分段上传时所想出的内容。


对于 Vue 组件我有这个:

<template>
<div>
    <a id="uppy-trigger" @click="isUppyOpen = !isUppyOpen">Open Uppy</a>

    <dashboard-modal
        :uppy="uppy"
        :open="isUppyOpen"
        :props="{trigger: '#uppy-trigger'}"
    />
</div>
</template>

<script>
import Uppy from '@uppy/core'
import AwsS3Multipart from '@uppy/aws-s3-multipart';
import …
Run Code Online (Sandbox Code Playgroud)

amazon-s3 laravel vue.js aws-sdk uppy

3
推荐指数
1
解决办法
2617
查看次数

标签 统计

amazon-s3 ×1

aws-sdk ×1

laravel ×1

uppy ×1

vue.js ×1