如何使用 MEAN 堆栈将上传的图像存储到我的其他域

How do I store an uploaded image to my other domain using the MEAN stack?

本文关键字：存储 图像 我的 其他 MEAN 何使用 堆栈      更新时间：2023-09-26

几天来我一直在尝试将简单的个人资料图像保存到我的MongoDB数据库中，但收效甚微。这似乎很痛苦。我可以让它存储图像，但不能用路径检索它。我已经读到将您的图像存储在其他地方（在我的情况下是注册域）并且仅将图像的 url 存储在您的数据库中是个好主意。如何使用 MEAN 堆栈实现此目的？甚至可能吗？

否则，是否有任何好的，可能免费的服务可用？

例：

router.post('/upload/:profile_id', function (req, res) {
//post to a folder on my external domain
});

您可以使用Firebase轻松存储图像或任何二进制文件。

您可以通过以下方式设置存储空间：

// Set the configuration for your app
  // TODO: Replace with your project's config object
  var config = {
    apiKey: '<your-api-key>',
    authDomain: '<your-auth-domain>',
    databaseURL: '<your-database-url>',
    storageBucket: '<your-storage-bucket>'
  };
  firebase.initializeApp(config);
  // Get a reference to the storage service, which is used to create references in your storage bucket
  var storageRef = firebase.storage().ref();

这是有关如何上传图像的示例：

// File or Blob, assume the file is called rivers.jpg
var file = ...
// Upload the file to the path 'images/rivers.jpg'
// We can use the 'name' property on the File API to get our file name
var uploadTask = storageRef.child('images/' + file.name).put(file);
// Register three observers:
// 1. 'state_changed' observer, called any time the state changes
// 2. Error observer, called on failure
// 3. Completion observer, called on successful completion
uploadTask.on('state_changed', function(snapshot){
  // Observe state change events such as progress, pause, and resume
  // See below for more detail
}, function(error) {
  // Handle unsuccessful uploads
}, function() {
  // Handle successful uploads on complete
  // For instance, get the download URL: https://firebasestorage.googleapis.com/...
  var downloadURL = uploadTask.snapshot.downloadURL;
});

最后.. 下载图片：

// Create a reference to the file we want to download
var imageRef = storageRef.child('images/example.jpg');
// Get the download URL
imageRef.getDownloadURL().then(function(url) {
  // Insert url into an <img> tag to "download"
}).catch(function(error) {
  switch (error.code) {
    case 'storage/object_not_found':
      // File doesn't exist
      break;
    case 'storage/unauthorized':
      // User doesn't have permission to access the object
      break;
    case 'storage/canceled':
      // User canceled the upload
      break;
    ...
    case 'storage/unknown':
      // Unknown error occurred, inspect the server response
      break;
  }
});
相关文章：