phonegap 在表单类型文件上上传图像答案

【问题标题】：phonegap upload image on form type filephonegap 在表单类型文件上上传图像
【发布时间】：2013-04-15 01:17:34
【问题描述】：

由于form与phonegap的文件传输不兼容，我正在尝试使用ajax.form.js上传图片。

JavaScript

            $('#sign-up-form').ajaxForm({ 
                //target: '#htmlExampleTarget', 

                success: function(data) { 
                    //alert(data);
                    alert('ok');

                } 
            });

php

    $username = $this->input->post('username');

    $config['upload_path'] = './uploads/profile/';
    $config['allowed_types'] = 'gif|jpg|jpeg|png';
    $config['max_size'] = '5024';
    $config['max_width']  = '5024';
    $config['max_height']  = '5024';
    $config['file_name']  = $username;

它在 html 本地浏览器上上传，但出现此错误：XMLHttpRequest cannot load http://xxxxxxx.com/xxxxxxx。 Access-Control-Allow-Origin 不允许 Origin null。

在phonegap上尝试过，但它不起作用，但它成功检查服务器没有上传图像。

非常感谢您提供有关如何执行此操作的建议，请告诉我是否应该使用另一种更好的方法

【问题讨论】：

标签： jquery html cordova ajaxform

【解决方案1】：

您是否尝试过添加 Access-Control-Allow-Origin:* 到标题？

Phonegap 的旧版本也有一个 URL 阻止列表。尝试将您的服务器添加到允许的域。

您可以在此处找到将您的域添加到白名单的指南：

http://docs.phonegap.com/en/2.6.0/guide_whitelist_index.md.html#Domain%20Whitelist%20Guide

【讨论】：

好吧，我仍然有默认值，所以我怀疑这是问题所在。文本数据也很容易使用 ajax，它的工作原理是文件类型输入
好吧，我想我错过了图像的那部分。 :) 您不能使用 XmlHTTPRequest 通过 ajax 发布文件，因为（据我所知）它没有访问文件系统的权限。您可以尝试： - 不使用 ajax - 对表单数据使用隐藏的 iFrame。