javascript - 如何使用phonegap/cordova将照片从相机上传到QuickBlox

Question

我正在使用QuickBlox的JavaScript SDK进行聊天。我需要从相机上传照片以更新个人资料照片。
与我的应用程序有关的一些信息如下：
我正在使用Cordova CLI（6.0.0）开发Hybrid应用。这不是我的第一个应用程序。

我正在使用下面的代码上传图片。与浏览器上的输入类型文件标记配合使用时效果很好，但是我不知道如何将文件从相机上传到Quickblox。所以请指导我。

QB.content.createAndUpload({file: file, type: file.type, size: file.size, 'public': true}, function(err, blob) {
    console.log(blob);
    if (blob) {
        QB.users.update(self.id, {blob_id: blob.id}, function(err, user) {
            if (user) {
                alert(JSON.stringify(user)); // success
            } else {
                alert("Error:update");       // error
            }
        });
    } else {
        // error
        alert("Error:upload");
    }
});

Answer 1

@Gurtej，
答案的一部分是固定的。答案的一部分是针对将来会阅读此书的人们。

您需要应用whitelist系统。自http://cordova.apache.org/news/2015/04/21/tools-release.html>Cordova Tools 5.0.0（2015年4月21日）起是必需的。对于Phonegap Build，这意味着自http://phonegap.com/blog/2015/06/16/phonegap-updated-on-build/>cli-5.1.1（2015年6月16日）开始

注意您的应用现在不安全。保护您的应用程序完全取决于您。
将此添加到您的config.xml

<plugin name="cordova-plugin-whitelist"      source="npm" spec="1.1.0" />
<allow-navigation href="*" />
<allow-intent href="*" />
<access origin="*" /> <!-- Required for iOS9 -->

注意您的应用现在不安全。保护您的应用程序完全取决于您。
将以下内容添加到您的 index.html

<meta http-equiv="Content-Security-Policy" 
         content="default-src *; 
                  style-src * 'self' 'unsafe-inline' 'unsafe-eval'; 
                  script-src * 'self' 'unsafe-inline' 'unsafe-eval';">

此白名单工作表应有所帮助。
HOW TO apply the Cordova/Phonegap the whitelist system

预先设定

在第二部分（“内容安全策略”）中，可以通过将所有Javascript和CSS移到单独的文件中来避免这种情况。要清楚，在您的 index.html中，请勿使用 <script>或 <style>或 或 style=（或类似名称）。

设置对远程服务器的访问权限时，请使用：


onclick=
http://*.quickblox.com/*
https://*.quickblox.com/*


为了使以上内容清楚，您需要访问的任何域都必须位于
ws://*.quickblox.com/*

如果您在挣扎中，以下教程也将有所帮助。
Tutorial: Phonegap Build external webpage in iframe with whitelist example

最后，请勿使用。以下是不安全的。这是给出的常见答案。不使用。


config.xml