Cakephp FormData Ajax文件上传

时间:2014-03-11 14:11:19

标签: ajax cakephp

我使用FormData + Ajax + CakePHP上传数据和文件

这是我的表格:

        <form name="multiform" class="frmaddproduct" action="addproduct" method="POST" enctype="multipart/form-data">

        <div class="formrow">
            <div class="createproductlabel leftfloat">Name</div>
            <div class="formcontrol leftfloat"><input type="text" name="name"/><br/><span>Name?</span></div>
            <div class="clear"></div>
        </div>

        <div class="formrow">
            <div class="createproductlabel leftfloat">Cost</div>
            <div class="formcontrol leftfloat"><input type="text" name="cost"/></div>
            <div class="clear"></div>
        </div>

        <div class="formrow">
            <div class="createproductlabel leftfloat">Discount</div>
            <div class="formcontrol leftfloat"><input type="text" name="discount" class="discount" maxlength="5"/> %</div>
            <div class="clear"></div>
        </div>

        <div class="formrow">
            <div class="createproductlabel leftfloat">Description</div>
            <div class="formcontrol leftfloat"><textarea name="description" rows="5"></textarea></div>
            <div class="clear"></div>
        </div>

        <div class='formrow'>
            <div class='createproductlabel leftfloat'>Choose file</div>
            <div class='formcontrol leftfloat'><input type='file' name=''productpicture'/></div>
            <div class='closephotos leftfloat'><img src='../img/close.png' class='closeproductpicture'/></div>
            <div class='clear'></div>
        </div>

        <div class="formrow">
            <div class="createproductlabel leftfloat">&nbsp;</div>
            <div class="formcontrol leftfloat"><input type="button" name="btncreateproduct" value=" Create Product "/></div>
            <div class="clear"></div>
        </div>
        </form>

以下是我提交此表单的代码:

$(".frmaddproduct").submit(function(e)
{
            var formObj = $(this);
            var formURL = formObj.attr("action");

        if(window.FormData !== undefined)  // for HTML5 browsers
            {

                var formData = new FormData(this);

                $.ajax({
                    url: formURL,
                    type: 'POST',
                    data:  formData,
                    mimeType:"multipart/form-data",
                    contentType: false,
                    cache: false,
                    processData:false,
                    success: function(data, textStatus, jqXHR)
                    {
                            $("#multi-msg").html('<pre><code>'+data+'</code></pre>');
                    },
                    error: function(jqXHR, textStatus, errorThrown) 
                    {
                        $("#multi-msg").html('<pre><code class="prettyprint">AJAX Request Failed<br/> textStatus='+textStatus+', errorThrown='+errorThrown+'</code></pre>');
                    }           
               });
                e.preventDefault();
                e.unbind();
           }
           else  // for older browsers
            {
                // generate a random id
                var  iframeId = 'unique' + (new Date().getTime());

                // create an empty iframe
                var iframe = $('<iframe src="javascript:false;" name="'+iframeId+'" />');

                // hide it
                iframe.hide();

                // set form target to iframe
                formObj.attr('target',iframeId);

                // Add iframe to body
                iframe.appendTo('body');
                iframe.load(function(e)
                {
                    var doc = getDoc(iframe[0]);
                    var docRoot = doc.body ? doc.body : doc.documentElement;
                    var data = docRoot.innerHTML;
                    $("#multi-msg").html('<pre><code>'+data+'</code></pre>');
                });

            }
});

在萤火虫中,我可以看到正在发送的数据:

----------------------------- 2463414040929 Content-Disposition:form-data;命名=&#34; categoryproduct&#34; 1 ----------------------------- 2463414040929 Content-Disposition:form-data; 命名=&#34; Company是&#34; 1 ----------------------------- 2463414040929 Content-Disposition:form-data; 名称=&#34;名称&#34; AAA ----------------------------- 2463414040929 Content-Disposition:form-data;命名=&#34;成本&#34; 34

但是当我尝试在Controller中读取或转储请求数据时,我得到:Array()

即。没有数据发送

调试($这 - &GT;请求 - &GT;数据);

另外,$ this-&gt; log($ this-&gt; request-&gt; data [&#34; discount&#34;])给我空白值

请帮我解决这个问题。

我很困惑我在哪里弄错了

我没有使用cakephp表单助手创建表单

1 个答案:

答案 0 :(得分:0)

使用常规的$ _FILES PHP Server变量

相关问题