2

我正在使用 AJAX 表单提交的蛋糕 PHP 文件上传。但这不是工作。$_FILES 数组中没有任何内容。但是当我使用普通表单提交时,它工作正常,没有任何问题。我正在使用以下代码使用 AJAX 提交表单

    echo $this->Form->create('AlbumDetail',array('enctype' => 'multipart/form-data','type'=>'file'));

    echo $form->input('Image',array("type" => "file"));  

    echo $ajax->submit('Add Album', array('url'=> array('controller'=>'album_details', 'action'=>'addalbum'), 'update' => 'album_update'));

尽管 ,

echo $this->Form->create('AlbumDetail', array('enctype' => 'multipart/form-data', 'controller' => 'album_details', 'action' => 'addalbum', 'type' => 'file'));

echo $form->input('Image',array("type" => "file")); 

echo "<input name='submit' type='submit' value='Add Album'>";

工作没有任何问题,并且 $_FILES 数组正在返回值。任何人都可以做一点帮助...?

4

3 回答 3

2

正如 void0 所提到的,您不能使用 Ajax 发布文件。这个类似的问题 有一些解决方法和建议的库。

于 2012-06-11T08:31:21.333 回答
0

看看这个 CakePHP 插件:https ://github.com/srs81/CakePHP-AjaxMultiUpload

我认为这可能正是您正在寻找的。

于 2012-06-15T21:40:30.097 回答
0

现在是可能的。

这就是我做到这一点的方式。首先,我使用 Uploadable Behavior 来处理从以下位置上传的文件:https ://github.com/cakemanager/cakephp-utils

模型:

$this->addBehavior('Utils.Uploadable', [
       'file' => [
       'removeFileOnUpdate' => false,
       'field' => 'file_tmp',
       'path' => dirname(ROOT).'{DS}invoices{DS}', 
       'fileName' => '{field}'
       ]
    ]);

控制器:

public function ajaxInvoice() {

    if ($this->request->is('ajax')) {
        $this->autoRender = false;
        $this->Invoices->deleteAll(['order_id' => $this->request->data['order_id']]);

        $invoice = $this->Invoices->newEntity();

        $invoice->order_id = $this->request->data['order_id'];
        $invoice->file_tmp = $this->request->data['file']['name'];

        $invoice = $this->Invoices->patchEntity($invoice, $this->request->getData());

        $this->Invoices->save($invoice);
        $this->response->body($invoice);

    }
}

模板:

<?php use Cake\Routing\Router; ?>

<input type="file" class="upload<?= $id ?> hidden"><a data-id="<?= $id ?>" class="upload">Upload</a>

<script type = "text/javascript" > $(document).ready(function() {
    $('.upload').on('click', function() {
        var id = $(this).attr('data-id');
        $('.upload' + id + '').click();
        $('.upload' + id + '').change(function(e) {
            e.stopImmediatePropagation();
            var form = new FormData();
            form.append('file', $(this)[0].files[0]);
            form.append('order_id', id);
            $.ajax({
                type: "POST",
                url: '<?php echo Router::url(array('controller ' => 'Invoices ', 'action ' => 'ajaxInvoice ')); ?>',
                data: form,
                cache: false,
                contentType: false,
                processData: false,
                success: function(data, status, xhr) {
                    var response = JSON.parse(xhr.responseText);
                },
            });
        });
    });
}); 
</script>
于 2017-11-22T07:12:07.767 回答