contenteditable到javascript中azure存儲中的文本文件

Question

我正在嘗試將可編輯 div 的內容轉換為文本文件並將其存儲在 azure 中。 它實際上是一個 css 文件（格式），但我想該文本將具有相同的輸出。 這是我到目前為止得到的：\\

var sasKey = "xxxxxxxxxxxxxxx";
var blobUri = xxxxx.blob.core.windows.net";
var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, sasKey);

function Save() {

    var blobData = document.getElementById("CONTENT").innerText;
    var myBlob = new Blob(blobData, "plain/text");

    blobService.createBlockBlobFromBrowserFile('style',
        "test.txt",
        myBlob,
        (error, result) => {
            if (error) {
                // Handle blob error
            } else {    
                console.log('Upload is successful');
            }
        });
}

HTML：

<div id="CONTENT" contenteditable="true" spellcheck="false">so here we have text</div>

<input type="button" value="save" onclick="Save()"/>

我收到以下錯誤：

Uncaught TypeError: Failed to construct 'Blob': The provided value cannot be converted to a sequence.

Answer 1

Blob對象將列表作為其第一個參數。

試試這個：

var myBlob = new Blob([blobData], { type: "plain/text" });

https://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob

Answer 2

完成這是我用來上傳文本（txt）文件的內容

<script>azure-storage.blob.min.js</script>

JS

var sasKey = "xxxxxxxxxxxxxxx";
var blobUri = xxxxx.blob.core.windows.net";
var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, sasKey);

function Save() {

    var blobData = document.getElementById("CONTENT").innerText;

    blobService.createContainerIfNotExists('container', (error, container) => {
        if (error) {
            // Handle create container error
        } else {
            console.log(container.name);
        }
    });

    blobService.createBlockBlobFromText('container', "test.txt", blobData,
        (error, result) => {
            if (error) {
                // Handle blob error
            } else {    
                console.log('Upload is successful');
            }
        });
}

HTML

<div id="CONTENT" contenteditable="true" spellcheck="false">so here we have text</div>

<input type="button" value="save" onclick="Save()"/>