Parse文件

创建一个Parse.File文件

Parse.File允许您将应用程序文件存储在云中,否则可能会太大或麻烦,以适应常规Parse.Object。最常见的用例是存储图像,但您也可以将其用于文档,视频,音乐和任何其他二进制数据(最多10MB)。

Parse.File入门很简单。有几种方法来创建文件。第一个是使用base64编码的String。

var base64 = "V29ya2luZyBhdCBQYXJzZSBpcyBncmVhdCE=";
var file = new Parse.File("myfile.txt", { base64: base64 });

或者,您可以从字节值数组创建一个文件:

var bytes = [ 0xBE, 0xEF, 0xCA, 0xFE ];
var file = new Parse.File("myfile.txt", bytes);

Parse将根据文件扩展名自动检测您正在上传的文件类型,但可以使用第三个参数指定Content-Type:

var file = new Parse.File("myfile.zzz", fileData, "image/png");

但是最常见的是HTML5应用,您将需要使用带有文件上传控件的html表单。在现代浏览器上,这很简单。创建文件输入标签,允许用户从本地驱动器中选择一个文件进行上传:

//在ionic项目中ion-input不允许传file类型
<input type="file" id="imgUpload" />

在ionic项目中使用以下代码获取图片文件

let fileCtrl = document.getElementById('imgUpload')["files"];
//此处不适用.files获取属性,会出现没有该属性的错误
//由于files可以存储多个文件,但是我们需要的知识第一个文件
if(fileCtrl.length >0){
    let img = fileCtrl[0];
    let name = "demo.jpg";

    let parseFile = new Parse.File(name,img);
    }

请注意,在这个例子中,我们给该文件一个名称为demo.jpg。这里有两件事要注意:

  1. 您不需要担心文件名冲突。每次上传都获得唯一的标识符,因此上传多个名为demo.jpg的文件没有问题。
  2. 您必须为具有文件扩展名的文件指定名称。这使得Parse可以找出文件类型并相应处理它。所以,如果您正在存储PNG图像,请确保您的文件名以.png结尾。

然后就是可以把这个parseFile单做普通的对象属性,或者直接储存到云端数据库中。

检索文件内容

如何最好地检索文件内容取决于您的应用程序的上下文。由于跨域请求问题,最好是让浏览器为您完成工作。通常,这意味着将文件的URL呈现到DOM中。在这里,我们使用jQuery在页面上呈现上传的个人资料照片:

//检索部分省略,返回结果为result,result中有个属性img的文件
let img = documet.getElementById('demo');
img['src'] = result.get('img').url();

结果就是id 为demo的图片显示出来

results matching ""

    No results matching ""