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

afdcj2ne 于 2023-11-21 发布在其他

关注(0)|答案(2)|浏览(123)

的数据
有人能帮帮忙吗？我一直在搜索文档几个小时，但找不到正确的解决方案.我试图只是上传一个硬编码的图像，我在我的项目称为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);
        })
   });

字符串

firebase

来源：https://stackoverflow.com/questions/67165217/firebase-error-loading-preview-after-upload

2条答案

按热度按时间

wr98u20j1#

将字符串../../assets/icons/house.jpg保存为文件
如果你想从这个位置保存文件，你必须在此之前获取数据。
与require：

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);
        })
   });

字符串

赞(0）回复(0）举报 2023-11-21

au9on6nz2#

像这样直接保存文件，你需要生成一个令牌。（但是这对我来说不起作用）
有效的方法是将其保存为一个blob

赞(0）回复(0）举报 2023-11-21