javascript - Firebase：上传后加载预览时出错

Question

有人可以帮忙吗？我已经搜索了几个小时的文档，但找不到正确的解决方案。我正在尝试上传我在项目中名为 house.jpg 的硬编码图像。但是，当我上传它时，它没有正确上传。我指定它是一个图像，但它只显示“错误加载预览”。它也以 9 个字节存储，而它应该存储大约 50KB。

var storageRef = storage.ref();
var propertyRef = storageRef.child(mainImageUrl);
console.log("adding property image")

const myPromise = new Promise((resolve, reject) =>{
    var metadata = {
       contentType: 'image/jpeg',
       cacheControl: 'public,max-age=300',
    };
    var image = "../../assets/icons/house.jpg"
    console.log(image)
    propertyRef.put(image, metadata).then((snapshot)=>{
        console.log('Uploaded a file', snapshot);
        snapshot.ref.getDownloadURL().then((downloadURL)=>{
            console.log("url: ", downloadURL);
                resolve(downloadURL);
            })
        }).catch((error)=>{
                reject(error);
        })
   });

标签： javascriptfirebasefirebase-storageimage-upload

Answer 1

您将字符串保存../../assets/icons/house.jpg为文件

如果要从此位置保存文件，则必须先获取数据。

需要：

var storageRef = storage.ref();
var propertyRef = storageRef.child(mainImageUrl);
console.log("adding property image")

const myPromise = new Promise((resolve, reject) =>{
    var metadata = {
       contentType: 'image/jpeg',
       cacheControl: 'public,max-age=300',
    };
    var image = require("../../assets/icons/house.jpg")
    console.log(image)
    propertyRef.put(image, metadata).then((snapshot)=>{
        console.log('Uploaded a file', snapshot);
        snapshot.ref.getDownloadURL().then((downloadURL)=>{
            console.log("url: ", downloadURL);
                resolve(downloadURL);
            })
        }).catch((error)=>{
                reject(error);
        })
   });