如何使用html / angularjs保存图像文件

How do you save an image file with html/angularjs?

本文关键字：保存 图像 文件 angularjs 何使用 html      更新时间：2023-09-26

我想允许用户将图像保存在应用的一个页面/状态上，然后在应用的不同页面/状态上以编程方式调用该图像。 到目前为止，我考虑了三种保存图像的方法，但似乎没有一种方法对我有用：

首先，我尝试使用我选择的数据库Parse创建一个"Parse.File"。 Parse.File是保存图像的方式。 无论出于何种原因，我都无法让它工作（使用 Javascript SDK 创建 Parse.File）。 Parse的文档具有欺骗性的挑战性，因为他们假定的知识比我多。

接下来，我想到将图像保存在云中，然后以html格式指向它们。我尝试了 Cloudinary，但花了很长时间才弄清楚如何组装他们的 Angularjs 插件，然后它缺少任何关于如何实际执行任何有意义的文档。 之后我考虑了Flickr，它更容易上手，但他们再次缺少一个我可以轻松应用于我的基本案例的例子。

最后，我想到也许我可以将图像保存在本地目录中，并在数据库中使用匹配的引用，就像我可能为我的应用程序调用的任何其他资产一样。 到目前为止，我还无法弄清楚如何做到这一点。我开始尝试上传带有$http的图像。它不起作用，所以我研究了ng-file-upload和ngStorage。 两者都没有好的应用示例或出色的文档。最后，我尝试了本教程，但遇到了可怕的访问控制允许原点错误。此外，我不清楚哪个是这个问题的正确解决方案。

我不确定这些是否是正确的方法。 请与我分享哪种方法可以允许用户保存以后可以调用的图像文件。 如果上述任何方法有效，请添加一些细节，以便我取得进展。

这是一个应用程序还是一个网站？我同意你的观点，文档非常具有欺骗性。

您可以查看以下链接：

  • https://www.parse.com/questions/uploading-files-to-parse-using-javascript-and-the-rest-api
  • http://www.antvox.com/index.php/articles/programming/10-uploading-files-to-parse-com-with-angularjs

我与cordova共享我的应用程序代码：

var photo;
var cameraOptions = {
    quality: 50,
    destinationType: 0,
    encodingType: 0,
    targetWidth: 800,
    targetHeight: 800,
    mediaType: 0,
    correctOrientation: true,
    saveToPhotoAlbum: true
};
$scope.takePicture = function() {
    cameraOptions.sourceType = 1;
    navigator.camera.getPicture(onSuccess, onFail, cameraOptions);
}
$scope.selectPicture = function() {
    cameraOptions.sourceType = 0;
    navigator.camera.getPicture(onSuccess, onFail, cameraOptions);
}
function onSuccess(picture) {
    File.upload(picture)
        .success(function(data) {
            // What you want
        });
}
function onFail(resp) {
    alert('Error: ' + resp);
}
相关文章：