0

Autodesk forge が [RealityCapture API][1] で提供するチュートリアルを実行しています。

携帯電話で撮影した写真を Autodesk forge サーバーに送信し、その見返りとして 3D モデルを取得するアプリを開発したいと考えています。

ただし、処理の初期化段階で立ち往生しています。ブラウザ ウィンドウに次のエラー メッセージが表示されます。

At least three images are required to process the Photoscene

そして、Node.js コマンドで次のエラーが表示されます。

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
    at ServerResponse.setHeader (_http_outgoing.js:561:11)
    at ServerResponse.header (C:\git\recap-walkthrough-photo.to.3d\node_modules\express\lib\response.js:771:10)
    at ServerResponse.send (C:\git\recap-walkthrough-photo.to.3d\node_modules\express\lib\response.js:170:12)
    at C:\git\recap-walkthrough-photo.to.3d\start.js:171:17
    at processTicksAndRejections (internal/process/task_queues.js:95:5) {
  code: 'ERR_HTTP_HEADERS_SENT'
}
(node:45332) UnhandledPromiseRejectionWarning: Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
    at ServerResponse.setHeader (_http_outgoing.js:561:11)
    at ServerResponse.header (C:\git\recap-walkthrough-photo.to.3d\node_modules\express\lib\response.js:771:10)
    at ServerResponse.send (C:\git\recap-walkthrough-photo.to.3d\node_modules\express\lib\response.js:170:12)
    at C:\git\recap-walkthrough-photo.to.3d\start.js:176:17
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:45332) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:45332) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

ソース コードから file[] パスと「コンテンツ タイプ」のみを変更しました。

// Route /api/forge/recap/photoscene/upload
// Adds one or more files to a photoscene.
app.get('/api/forge/recap/photoscene/upload', function (req, res) {
    var photosceneId = req.query.photosceneid;
    Axios({
        method: 'POST',
        url: 'https://developer.api.autodesk.com/photo-to-3d/v1/file',
        headers: {
            'content-type': 'multipart/form-data',
            'Authorization': 'Bearer ' + access_token
        },
        data: querystring.stringify({
            photosceneid: photosceneId,
            type: 'image',
            'file[0]': 'C:\Dataset\FlowerPot\20210527_082430.jpg',
            'file[1]': 'C:\Dataset\FlowerPot\20210527_082459.jpg',
            'file[2]': 'C:\Dataset\FlowerPot\20210527_082513.jpg',
            'file[3]': 'C:\Dataset\FlowerPot\20210527_082525.jpg',
            'file[4]': 'C:\Dataset\FlowerPot\20210527_082832.jpg',
            'file[5]': 'C:\Dataset\FlowerPot\20210527_082937.jpg',
            'file[6]': 'C:\Dataset\FlowerPot\20210527_082944.jpg'
        })
    })
        .then(function (response) {
            // Success
            console.log(response);
            if (response.data.Error) {
                res.send(response.data.Error.msg);
            }
            console.log(JSON.stringify(response.data.Files));
            var nextLink = '/api/forge/recap/photoscene/process?photosceneid=' + photosceneId;
            res.send('<p>Files added to photoscene!</p><a href="' + nextLink + '">Begin processing photoscene</a>');
        })
        .catch(function (error) {
            // Failed
            console.log(error);
            res.send('Failed to upload files to photoscene');
        });
});

画像が正常にアップロードされたかどうかを確認するにはどうすればよいですか?
[1]: https://forge.autodesk.com/developer/learn/recap-app/overview

4

1 に答える 1

1

ファイルを ReCap サービスにアップロードするときは、ローカル ファイルシステム パスを使用できないことに注意してください。基本的に、ReCap サーバーに「これらの 7 つのファイルをC:\Dataset\FlowerPot からダウンロードします...」と伝えていますが、サーバーは明らかにそれらにアクセスできません。

これを修正するには、次のいずれかを行う必要があります。

  • 一部の公開 URL を介して写真にアクセスできるようにする (たとえば、写真を一時的な S3 バケットにアップロードすることにより)、または
  • たとえば、次のように、画像の実際のコンテンツを Axios リクエストに追加します。
const FormData = require('form-data');

// ...

app.get('/api/forge/recap/photoscene/upload', function (req, res) {

    // ...

    const formData = new FormData();
    formData.append('file[0]', someImageBuffer0);
    formData.append('file[1]', someImageBuffer1);
    formData.append('file[2]', someImageBuffer2);
    formData.append('file[3]', someImageBuffer3);
    Axios({
        method: 'POST',
        url: 'https://developer.api.autodesk.com/photo-to-3d/v1/file',
        headers: {
            'Content-Type': 'multipart/form-data',
            'Authorization': 'Bearer ' + access_token
        },
        formData
    })

    // ...

});

そしてところで。このCannot set headers after they are sent to the clientエラーは、Express.js フレームワークによって発行されます。これは、コードのどこかでリクエストに対して既に応答を送信しており、現在、許可されていない同じ応答に追加のデータを送信しようとしていることを示しています。この特定のケースでは、クライアントにエラー情報を送信する可能性があるファイル アップロードの「成功」ブランチである可能性があります ( res.send(response.data.Error.msg);)。ただし、後で同じ応答に別のメッセージを再度送信します ( res.send('<p>Files added to photoscene!</p><a href="' + nextLink + '">Begin processing photoscene</a>');)。エラー メッセージをクライアントに送信した後、returnステートメントを使用して、応答で他のデータが送信されないようにすることを検討してください。

于 2021-06-03T08:54:35.007 に答える