Maison développement back-end tutoriel php JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie

JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie

Jul 29, 2016 am 08:54 AM
ajaxfileupload

代码结构如下:

ajaxfileupload.js,ajaxfileupload官网,ajaxfileupload下载,ajaxfileupload使用,ajaxfileupload参数,ajaxfileupload用法,ajaxfileupload api,ajaxfileupload上传,ajaxfileupload详解,ajaxfileupload插件,ajaxfileupload php,ajaxfileupload跨域,ajaxfileupload乱码,ajaxfileupload ie8,ajaxfileupload ie

1、HTML代码,没必要解释了。

<span> 1</span><span><span>DOCTYPE html</span><span>></span><span> 2</span><span><span>html</span><span>></span><span> 3</span><span><span>head</span><span>></span><span> 4</span><span><span>meta </span><span>charset</span><span>="UTF-8"</span><span>></span><span> 5</span><span><span>title</span><span>></span>文件上传<span></span><span>title</span><span>></span><span> 6</span><span><span>script </span><span>src</span><span>="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"</span><span>></span><span>script</span><span>></span><span> 7</span><span><span>script </span><span>src</span><span>="uploads/ajaxFileUpload.js"</span><span> type</span><span>="text/javascript"</span><span> charset</span><span>="utf-8"</span><span>></span><span>script</span><span>></span><span> 8</span><span><span>script </span><span>type</span><span>="text/javascript"</span><span>></span><span> 9</span><span>            $(</span><span>function</span><span>(){
</span><span>10</span><span>                $(</span><span>'</span><span>#ti</span><span>'</span><span>).click(</span><span>function</span><span>(){
</span><span>11</span><span>var</span><span> data </span><span>=</span><span> { name: </span><span>'</span><span>my name</span><span>'</span><span>, description: </span><span>'</span><span>short description</span><span>'</span><span> } 
</span><span>12</span><span>                    $.ajaxFileUpload({
</span><span>13</span><span>                        url: </span><span>'</span><span>up.php</span><span>'</span><span>,
</span><span>14</span><span>                        secureuri: </span><span>false</span><span>,
</span><span>15</span><span>                        data: data,
</span><span>16</span><span>                        fileElementId: </span><span>'</span><span>upf</span><span>'</span><span>,
</span><span>17</span><span>                        dataType: </span><span>'</span><span>json</span><span>'</span><span>,
</span><span>18</span><span>                        success: </span><span>function</span><span> (data) {
</span><span>19</span><span>//</span><span> var datejson=eval(data);</span><span>20</span><span>//</span><span>console.log(data[0].path_name)</span><span>21</span><span>                         $(</span><span>'</span><span>#im</span><span>'</span><span>).append(</span><span>'</span><span><img  src="/static/imghw/default1.png" data-src="</span><span>'</span><span>+</span><span>data[</span><span>0</span><span>].path_name</span><span>+</span><span>'</span><span>" class="lazy" alt="JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie" ><span>+</span><span>data[</span><span>0</span><span>].path_name</span><span>+</span><span>'</span><span>"></span><span>'</span><span>)    
</span><span>22</span><span>//</span><span>console.log('<img  src="/static/imghw/default1.png" data-src="'+data[0].path_name+'" class="lazy" alt="JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie" >')</span><span>23</span><span>                        },
</span><span>24</span><span>                        error: </span><span>function</span><span> (data) {
</span><span>25</span><span>                              console.log(data)
</span><span>26</span><span>                        }
</span><span>27</span><span>                    });
</span><span>28</span><span>29</span><span>                })
</span><span>30</span><span>31</span><span>            })
</span><span>32</span><span></span><span>script</span><span>></span><span>33</span><span></span><span>head</span><span>></span><span>34</span><span><span>body</span><span>></span><span>35</span><span><!--</span><span><form action="up.php" method="post" enctype="multipart/form-data">
</span><span>36</span><span>    </form></span><span>--></span><span>37</span><span><span>input  </span><span>type</span><span>="file"</span><span> name</span><span>="upfm"</span><span> id</span><span>="upf"</span><span> value</span><span>=""</span><span>/></span><span>38</span><span><span>input </span><span>id</span><span>='ti' </span><span>type</span><span>="button"</span><span> value</span><span>="提交"</span><span>/></span><span>39</span><span>40</span><span><span>div </span><span>id</span><span>="im"</span><span>></span><span>41</span><span>42</span><span></span><span>div</span><span>></span><span>43</span><span>44</span><span></span><span>body</span><span>></span><span>45</span><span>46</span><span></span><span>html</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copier après la connexion

2、关于ajaxFileUpload插件,在下面代码中如果你使用的是JQ1.9以上请复制1-12到你的ajaxFileUpload代码中,JQ在很早就废弃了handleError方法。注释关于代码的解释很清楚。

<span>  1</span><span>jQuery.extend({
</span><span>  2</span>     handleError: <span>function</span><span>( s, xhr, status, e )         {
</span><span>  3</span><span>  4</span><span>if</span><span> ( s.error ) {
</span><span>  5</span>                     s.error.call( s.context ||<span> s, xhr, status, e );
</span><span>  6</span><span>                }
</span><span>  7</span><span>  8</span><span>  9</span><span>if</span><span> ( s.global ) {
</span><span> 10</span>                     (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError"<span>, [xhr, s, e] );
</span><span> 11</span><span>                }
</span><span> 12</span><span>   },
</span><span> 13</span>     createUploadIframe: <span>function</span> (id, uri) {<span>//</span><span>id为当前系统时间字符串,uri是外部传入的json对象的一个参数</span><span> 14</span><span>//</span><span>create frame</span><span> 15</span><span>var</span> frameId = 'jUploadFrame' + id; <span>//</span><span>给iframe添加一个独一无二的id</span><span> 16</span><span>var</span> iframeHtml = '<iframe frameid name="' + frameId + '">//<span>创建iframe元素</span><span> 17</span><span>if</span> (window.ActiveXObject) {<span>//</span><span>判断浏览器是否支持ActiveX控件</span><span> 18</span><span>if</span> (<span>typeof</span> uri == 'boolean'<span>) {
</span><span> 19</span>                 iframeHtml += ' src="' + 'javascript:false' + '"'<span>;
</span><span> 20</span>             }            <span>else</span><span>if</span> (<span>typeof</span> uri == 'string'<span>) {
</span><span> 21</span>                 iframeHtml += ' src="' + uri + '"'<span>;
</span><span> 22</span><span>            }
</span><span> 23</span><span>        }
</span><span> 24</span>         iframeHtml += ' />'<span>;
</span><span> 25</span>         jQuery(iframeHtml).appendTo(document.body); <span>//</span><span>将动态iframe追加到body中</span><span> 26</span><span>return</span> jQuery('#' + frameId).get(0); <span>//</span><span>返回iframe对象</span><span> 27</span><span>    },
</span><span> 28</span>     createUploadForm: <span>function</span> (id, fileElementId, data) {<span>//</span><span>id为当前系统时间字符串,fileElementId为页面<input type="file">的id,data的值需要根据传入json的键来决定</span><span> 29</span><span>//</span><span>create form    </span><span> 30</span><span>var</span> formId = 'jUploadForm' + id; <span>//</span><span>给form添加一个独一无二的id</span><span> 31</span><span>var</span> fileId = 'jUploadFile' + id; <span>//</span><span>给<input type="file">添加一个独一无二的id</span><span> 32</span><span>var</span> form = jQuery('<form action="" method="POST" name="' + formId + '" formid enctype="multipart/form-data"></form>'); <span>//</span><span>创建form元素</span><span> 33</span><span>if</span> (data) {<span>//</span><span>通常为false</span><span> 34</span><span>for</span> (<span>var</span> i <span>in</span><span> data) {
</span><span> 35</span>                 jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '">').appendTo(form); <span>//</span><span>根据data的内容,创建隐藏域,这部分我还不知道是什么时候用到。估计是传入json的时候,如果默认传一些参数的话要用到。</span><span> 36</span><span>            }
</span><span> 37</span>         }        <span>var</span> oldElement = jQuery('#' + fileElementId); <span>//</span><span>得到页面中的<input type="file">对象</span><span> 38</span><span>var</span> newElement = jQuery(oldElement).clone(); <span>//</span><span>克隆页面中的<input type="file">对象</span><span> 39</span>         jQuery(oldElement).attr('id', fileId); <span>//</span><span>修改原对象的id</span><span> 40</span>         jQuery(oldElement).before(newElement); <span>//</span><span>在原对象前插入克隆对象</span><span> 41</span>         jQuery(oldElement).appendTo(form); <span>//</span><span>把原对象插入到动态form的结尾处</span><span> 42</span><span>//</span><span>set attributes</span><span> 43</span>         jQuery(form).css('position', 'absolute'); <span>//</span><span>给动态form添加样式,使其浮动起来,</span><span> 44</span>         jQuery(form).css('top', '-1200px'<span>);
</span><span> 45</span>         jQuery(form).css('left', '-1200px'<span>);
</span><span> 46</span>         jQuery(form).appendTo('body'); <span>//</span><span>把动态form插入到body中</span><span> 47</span><span>return</span><span> form;
</span><span> 48</span><span>    },
</span><span> 49</span>     ajaxFileUpload: <span>function</span> (s) {<span>//</span><span>这里s是个json对象,传入一些ajax的参数</span><span> 50</span><span>//</span><span> TODO introduce global settings, allowing the client to modify them for all requests, not only timeout        </span><span> 51</span>         s = jQuery.extend({}, jQuery.ajaxSettings, s); <span>//</span><span>此时的s对象是由jQuery.ajaxSettings和原s对象扩展后的对象</span><span> 52</span><span>var</span> id = <span>new</span> Date().getTime(); <span>//</span><span>取当前系统时间,目的是得到一个独一无二的数字</span><span> 53</span><span>var</span> form = jQuery.createUploadForm(id, s.fileElementId, (<span>typeof</span> (s.data) == 'undefined' ? <span>false</span> : s.data)); <span>//</span><span>创建动态form</span><span> 54</span><span>var</span> io = jQuery.createUploadIframe(id, s.secureuri); <span>//</span><span>创建动态iframe</span><span> 55</span><span>var</span> frameId = 'jUploadFrame' + id; <span>//</span><span>动态iframe的id</span><span> 56</span><span>var</span> formId = 'jUploadForm' + id; <span>//</span><span>动态form的id</span><span> 57</span><span>//</span><span> Watch for a new set of requests</span><span> 58</span><span>if</span> (s.global && !jQuery.active++) {<span>//</span><span>当jQuery开始一个ajax请求时发生</span><span> 59</span>             jQuery.event.trigger("ajaxStart"); <span>//</span><span>触发ajaxStart方法</span><span> 60</span>         }        <span>var</span> requestDone = <span>false</span>; <span>//</span><span>请求完成标志</span><span> 61</span><span>//</span><span> Create the request object</span><span> 62</span><span>var</span> xml = {};        <span>if</span><span> (s.global)
</span><span> 63</span>             jQuery.event.trigger("ajaxSend", [xml, s]); <span>//</span><span>触发ajaxSend方法</span><span> 64</span><span>//</span><span> Wait for a response to come back</span><span> 65</span><span>var</span> uploadCallback = <span>function</span> (isTimeout) {<span>//</span><span>回调函数</span><span> 66</span><span>var</span> io = document.getElementById(frameId); <span>//</span><span>得到iframe对象</span><span> 67</span><span>try</span> {                <span>if</span> (io.contentWindow) {<span>//</span><span>动态iframe所在窗口对象是否存在</span><span> 68</span>                     xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : <span>null</span><span>;
</span><span> 69</span>                     xml.responseXML = io.contentWindow.document.XMLDocument ?<span> io.contentWindow.document.XMLDocument : io.contentWindow.document;
</span><span> 70</span>                 } <span>else</span><span>if</span> (io.contentDocument) {<span>//</span><span>动态iframe的文档对象是否存在</span><span> 71</span>                     xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : <span>null</span><span>;
</span><span> 72</span>                     xml.responseXML = io.contentDocument.document.XMLDocument ?<span> io.contentDocument.document.XMLDocument : io.contentDocument.document;
</span><span> 73</span><span>                }
</span><span> 74</span>             } <span>catch</span><span> (e) {
</span><span> 75</span>                 jQuery.handleError(s, xml, <span>null</span><span>, e);
</span><span> 76</span>             }            <span>if</span> (xml || isTimeout == "timeout") {<span>//</span><span>xml变量被赋值或者isTimeout == "timeout"都表示请求发出,并且有响应</span><span> 77</span>                 requestDone = <span>true</span>; <span>//</span><span>请求完成</span><span> 78</span><span>var</span> status;                <span>try</span><span> {
</span><span> 79</span>                     status = isTimeout != "timeout" ? "success" : "error"; <span>//</span><span>如果不是“超时”,表示请求成功</span><span> 80</span><span>//</span><span> Make sure that the request was successful or notmodified</span><span> 81</span><span>if</span> (status != "error") {                        <span>//</span><span> process the data (runs the xml through httpData regardless of callback)</span><span> 82</span><span>var</span> data = jQuery.uploadHttpData(xml, s.dataType); <span>//</span><span>根据传送的type类型,返回json对象,此时返回的data就是后台操作后的返回结果</span><span> 83</span><span>//</span><span> If a local callback was specified, fire it and pass it the data</span><span> 84</span><span>if</span><span> (s.success)
</span><span> 85</span>                             s.success(data, status); <span>//</span><span>执行上传成功的操作</span><span> 86</span><span>//</span><span> Fire the global callback</span><span> 87</span><span>if</span><span> (s.global)
</span><span> 88</span>                             jQuery.event.trigger("ajaxSuccess"<span>, [xml, s]);
</span><span> 89</span>                     } <span>else</span><span> 90</span><span>                        jQuery.handleError(s, xml, status);
</span><span> 91</span>                 } <span>catch</span><span> (e) {
</span><span> 92</span>                     status = "error"<span>;
</span><span> 93</span><span>                    jQuery.handleError(s, xml, status, e);
</span><span> 94</span>                 }                <span>//</span><span> The request was completed</span><span> 95</span><span>if</span><span> (s.global)
</span><span> 96</span>                     jQuery.event.trigger("ajaxComplete", [xml, s]);                <span>//</span><span> Handle the global AJAX counter</span><span> 97</span><span>if</span> (s.global && ! --<span>jQuery.active)
</span><span> 98</span>                     jQuery.event.trigger("ajaxStop");                <span>//</span><span> Process result</span><span> 99</span><span>if</span><span> (s.complete)
</span><span>100</span><span>                    s.complete(xml, status);
</span><span>101</span>                 jQuery(io).unbind();<span>//</span><span>移除iframe的事件处理程序</span><span>102</span>                 setTimeout(<span>function</span> () {<span>//</span><span>设置超时时间</span><span>103</span><span>try</span><span> {
</span><span>104</span>                         jQuery(io).remove();<span>//</span><span>移除动态iframe</span><span>105</span>                         jQuery(form).remove();<span>//</span><span>移除动态form</span><span>106</span>                     } <span>catch</span><span> (e) {
</span><span>107</span>                         jQuery.handleError(s, xml, <span>null</span><span>, e);
</span><span>108</span><span>                    }
</span><span>109</span>                 }, 100<span>)
</span><span>110</span>                 xml = <span>null</span><span>111</span><span>            }
</span><span>112</span>         }        <span>//</span><span> Timeout checker</span><span>113</span><span>if</span> (s.timeout > 0) {<span>//</span><span>超时检测</span><span>114</span>             setTimeout(<span>function</span> () {                <span>//</span><span> Check to see if the request is still happening</span><span>115</span><span>if</span> (!requestDone) uploadCallback("timeout");<span>//</span><span>如果请求仍未完成,就发送超时信号</span><span>116</span><span>            }, s.timeout);
</span><span>117</span>         }        <span>try</span> {            <span>var</span> form = jQuery('#' +<span> formId);
</span><span>118</span>             jQuery(form).attr('action', s.url);<span>//</span><span>传入的ajax页面导向url</span><span>119</span>             jQuery(form).attr('method', 'POST');<span>//</span><span>设置提交表单方式</span><span>120</span>             jQuery(form).attr('target', frameId);<span>//</span><span>返回的目标iframe,就是创建的动态iframe</span><span>121</span><span>if</span> (form.encoding) {<span>//</span><span>选择编码方式</span><span>122</span>                 jQuery(form).attr('encoding', 'multipart/form-data'<span>);
</span><span>123</span>             }            <span>else</span><span> {
</span><span>124</span>                 jQuery(form).attr('enctype', 'multipart/form-data'<span>);
</span><span>125</span><span>            }
</span><span>126</span>             jQuery(form).submit();<span>//</span><span>提交form表单</span><span>127</span>         } <span>catch</span><span> (e) {
</span><span>128</span>             jQuery.handleError(s, xml, <span>null</span><span>, e);
</span><span>129</span><span>        }
</span><span>130</span>         jQuery('#' + frameId).load(uploadCallback); <span>//</span><span>ajax 请求从服务器加载数据,同时传入回调函数</span><span>131</span><span>return</span> { abort: <span>function</span><span> () { } };
</span><span>132</span><span>    },
</span><span>133</span>     uploadHttpData: <span>function</span> (r, type) {        <span>var</span> data = !<span>type;
</span><span>134</span>         data = type == "xml" || data ? r.responseXML : r.responseText;        <span>//</span><span> If the type is "script", eval it in global context</span><span>135</span><span>if</span> (type == "script"<span>)
</span><span>136</span>             jQuery.globalEval(data);        <span>//</span><span> Get the JavaScript object, if JSON is used.</span><span>137</span><span>if</span> (type == "json"<span>)
</span><span>138</span>             eval("data = " + data);        <span>//</span><span> evaluate scripts within html</span><span>139</span><span>if</span> (type == "html"<span>)
</span><span>140</span>             jQuery("<div>").html(data).evalScripts();        <span>return</span><span> data;
</span><span>141</span><span>    }
</span><span>142</span> })<p>3。php代码</p>
<p></p>
<pre class="brush:php;toolbar:false"><span>  1</span> <span>php
</span><span>  2</span><span>//</span><span>print_r($_FILES);
</span><span>  3</span><span>//echo json_encode(print_r($_FILES));</span><span>  4</span><span>  5</span><span>/*</span><span>*
</span><span>  6</span><span> * 生成唯一字符串
</span><span>  7</span><span> * @return string
</span><span>  8</span><span>*/</span><span>  9</span><span>function</span><span> getUniName(){
</span><span> 10</span><span>return</span><span>md5</span>(<span>uniqid</span>(<span>microtime</span>(<span>true</span>),<span>true</span><span>));
</span><span> 11</span><span>}
</span><span> 12</span><span> 13</span><span>/*</span><span>*
</span><span> 14</span><span> * 得到文件的扩展名
</span><span> 15</span><span> * @param string $filename
</span><span> 16</span><span> * @return string
</span><span> 17</span><span>*/</span><span> 18</span><span>function</span> getExt(<span>$filename</span><span>){
</span><span> 19</span><span>return</span><span>strtolower</span>(<span>end</span>(<span>explode</span>(".",<span>$filename</span><span>)));
</span><span> 20</span><span>}
</span><span> 21</span><span> 22</span><span>/*</span><span>*
</span><span> 23</span><span> * 构建上传文件信息
</span><span> 24</span><span> * @return array
</span><span> 25</span><span>*/</span><span> 26</span><span> 27</span><span>function</span><span> buildInfo(){
</span><span> 28</span><span>if</span>(!<span>$_FILES</span><span>){
</span><span> 29</span><span>return</span><span> ;
</span><span> 30</span><span>    }
</span><span> 31</span><span>$i</span>=0<span>;
</span><span> 32</span><span>foreach</span>(<span>$_FILES</span><span>as</span><span>$v</span><span>){
</span><span> 33</span><span>//</span><span>单文件</span><span> 34</span><span>if</span>(<span>is_string</span>(<span>$v</span>['name'<span>])){
</span><span> 35</span><span>$files</span>[<span>$i</span>]=<span>$v</span><span>;
</span><span> 36</span><span>$i</span>++<span>;
</span><span> 37</span>         }<span>else</span><span>{
</span><span> 38</span><span>//</span><span>多文件</span><span> 39</span><span>foreach</span>(<span>$v</span>['name'] <span>as</span><span>$key</span>=><span>$val</span><span>){
</span><span> 40</span><span>$files</span>[<span>$i</span>]['name']=<span>$val</span><span>;
</span><span> 41</span><span>$files</span>[<span>$i</span>]['size']=<span>$v</span>['size'][<span>$key</span><span>];
</span><span> 42</span><span>$files</span>[<span>$i</span>]['tmp_name']=<span>$v</span>['tmp_name'][<span>$key</span><span>];
</span><span> 43</span><span>$files</span>[<span>$i</span>]['error']=<span>$v</span>['error'][<span>$key</span><span>];
</span><span> 44</span><span>$files</span>[<span>$i</span>]['type']=<span>$v</span>['type'][<span>$key</span><span>];
</span><span> 45</span><span>$i</span>++<span>;
</span><span> 46</span><span>            }
</span><span> 47</span><span>        }
</span><span> 48</span><span>    }
</span><span> 49</span><span>return</span><span>$files</span><span>;
</span><span> 50</span><span>}
</span><span> 51</span><span>function</span> uploadFile(<span>$path</span>="uploads",<span>$allowExt</span>=<span>array</span>("gif","jpeg","png","jpg","wbmp"),<span>$maxSize</span>=2097152,<span>$imgFlag</span>=<span>true</span><span>){
</span><span> 52</span><span>if</span>(!<span>file_exists</span>(<span>$path</span>)){<span>//</span><span>判断是否有$path文件夹,没有则创建</span><span> 53</span><span>mkdir</span>(<span>$path</span>,0777,<span>true</span>);<span>//</span><span>0777表示最大权限</span><span> 54</span><span>    }
</span><span> 55</span><span>$i</span>=0<span>;
</span><span> 56</span><span>$files</span>=<span>buildInfo();
</span><span> 57</span><span>if</span>(!(<span>$files</span>&&<span>is_array</span>(<span>$files</span><span>))){
</span><span> 58</span><span>return</span><span> ;
</span><span> 59</span><span>    }
</span><span> 60</span><span>foreach</span>(<span>$files</span><span>as</span><span>$file</span><span>){
</span><span> 61</span><span>if</span>(<span>$file</span>['error']===UPLOAD_ERR_OK){<span>//</span><span>就是0</span><span> 62</span><span>$ext</span>=getExt(<span>$file</span>['name'<span>]);
</span><span> 63</span><span>//</span><span>检测文件的扩展名</span><span> 64</span><span>if</span>(!<span>in_array</span>(<span>$ext</span>,<span>$allowExt</span><span>)){
</span><span> 65</span><span>exit</span>("非法文件类型"<span>);
</span><span> 66</span><span>            }
</span><span> 67</span><span>//</span><span>校验是否是一个真正的图片类型</span><span> 68</span><span>if</span>(<span>$imgFlag</span><span>){
</span><span> 69</span><span>if</span>(!<span>getimagesize</span>(<span>$file</span>['tmp_name'<span>])){
</span><span> 70</span><span>exit</span>("不是真正的图片类型"<span>);
</span><span> 71</span><span> 72</span>                 }<span>else</span><span>{
</span><span> 73</span><span>$file</span>["filesize"]=<span>getimagesize</span>(<span>$file</span>['tmp_name'<span>]);
</span><span> 74</span><span>//</span><span>把文件信息付给$file 传到前台返回时数组
</span><span> 75</span><span>                    //如 [720, 1280, 2, "width="720" height="1280"", 8, 3, "image/jpeg"]</span><span> 76</span><span>                }
</span><span> 77</span><span>            }
</span><span> 78</span><span>//</span><span>上传文件的大小</span><span> 79</span><span>if</span>(<span>$file</span>['size']><span>$maxSize</span><span>){
</span><span> 80</span><span>exit</span>("上传文件过大"<span>);
</span><span> 81</span><span>            }
</span><span> 82</span><span>if</span>(!<span>is_uploaded_file</span>(<span>$file</span>['tmp_name'<span>])){
</span><span> 83</span><span>exit</span>("不是通过HTTP POST方式上传上来的"<span>);
</span><span> 84</span><span>            }
</span><span> 85</span><span>$filename</span>=getUniName().".".<span>$ext</span>;<span>//</span><span>改文件重新命名</span><span> 86</span><span>$destination</span>=<span>$path</span>."/".<span>$filename</span><span>;
</span><span> 87</span><span>if</span>(<span>move_uploaded_file</span>(<span>$file</span>['tmp_name'], <span>$destination</span><span>)){
</span><span> 88</span><span>$file</span>['name']=<span>$filename</span><span>;
</span><span> 89</span><span>$file</span>['path_name']=<span>$destination</span><span>;
</span><span> 90</span><span>unset</span>(<span>$file</span>['tmp_name'],<span>$file</span>['size'],<span>$file</span>['type']);<span>//</span><span>去除不需要传给的信息</span><span> 91</span><span>$uploadedFiles</span>[<span>$i</span>]=<span>$file</span><span>;
</span><span> 92</span><span>$i</span>++<span>;
</span><span> 93</span><span>            }
</span><span> 94</span>         }<span>else</span><span>{
</span><span> 95</span><span>switch</span>(<span>$file</span>['error'<span>]){
</span><span> 96</span><span>case</span> 1:
<span> 97</span><span>$mes</span>="超过了配置文件上传文件的大小";<span>//</span><span>UPLOAD_ERR_INI_SIZE</span><span> 98</span><span>break</span><span>;
</span><span> 99</span><span>case</span> 2:
<span>100</span><span>$mes</span>="超过了表单设置上传文件的大小";            <span>//</span><span>UPLOAD_ERR_FORM_SIZE</span><span>101</span><span>break</span><span>;
</span><span>102</span><span>case</span> 3:
<span>103</span><span>$mes</span>="文件部分被上传";<span>//</span><span>UPLOAD_ERR_PARTIAL</span><span>104</span><span>break</span><span>;
</span><span>105</span><span>case</span> 4:
<span>106</span><span>$mes</span>="没有文件被上传1111";<span>//</span><span>UPLOAD_ERR_NO_FILE</span><span>107</span><span>break</span><span>;
</span><span>108</span><span>case</span> 6:
<span>109</span><span>$mes</span>="没有找到临时目录";<span>//</span><span>UPLOAD_ERR_NO_TMP_DIR</span><span>110</span><span>break</span><span>;
</span><span>111</span><span>case</span> 7:
<span>112</span><span>$mes</span>="文件不可写";<span>//</span><span>UPLOAD_ERR_CANT_WRITE;</span><span>113</span><span>break</span><span>;
</span><span>114</span><span>case</span> 8:
<span>115</span><span>$mes</span>="由于PHP的扩展程序中断了文件上传";<span>//</span><span>UPLOAD_ERR_EXTENSION</span><span>116</span><span>break</span><span>;
</span><span>117</span><span>                }
</span><span>118</span><span>echo</span><span>$mes</span><span>;
</span><span>119</span><span>            }
</span><span>120</span><span>    }
</span><span>121</span><span>return</span><span>$uploadedFiles</span><span>;
</span><span>122</span><span>};
</span><span>123</span><span>124</span><span>$rows</span>=uploadFile(<span>$path</span>="uploads",<span>$allowExt</span>=<span>array</span>("gif","jpeg","png","jpg","wbmp"),<span>$maxSize</span>=2097152,<span>$imgFlag</span>=<span>true</span><span>);
</span><span>125</span><span>126</span><span>echo</span> json_encode(<span>$rows</span>);
Copier après la connexion

uploadFile($path="uploads",$allowExt=array("gif","jpeg","png","jpg","wbmp"),$maxSize=2097152,$imgFlag=true);

这段php代码可以更改的可以上传其他文件和大小限制。getimagesize是判断是否为病毒文件更改后缀。

上述代码直接复制即可完成图片和用户数据的同时上传。

返回结果:[{"name":"d032a4ee7e957d956c8af0039d7e3085.jpg","error":0,"filesiz":{"0":720,"1":1280,"2":2,"3":"width=\"720\" height=\"1280\"","bits":8,"channels":3,"mime":"image\/jpeg"},"path_name":"uploads\/d032a4ee7e957d956c8af0039d7e3085.jpg"}]

以上就介绍了JQ插件ajaxFileUpload、php实现图片,数据同时上传,包括了ajaxfileupload方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Expliquez les jetons Web JSON (JWT) et leur cas d'utilisation dans les API PHP. Expliquez les jetons Web JSON (JWT) et leur cas d'utilisation dans les API PHP. Apr 05, 2025 am 12:04 AM

JWT est une norme ouverte basée sur JSON, utilisée pour transmettre en toute sécurité des informations entre les parties, principalement pour l'authentification de l'identité et l'échange d'informations. 1. JWT se compose de trois parties: en-tête, charge utile et signature. 2. Le principe de travail de JWT comprend trois étapes: la génération de JWT, la vérification de la charge utile JWT et l'analyse. 3. Lorsque vous utilisez JWT pour l'authentification en PHP, JWT peut être généré et vérifié, et les informations sur le rôle et l'autorisation des utilisateurs peuvent être incluses dans l'utilisation avancée. 4. Les erreurs courantes incluent une défaillance de vérification de signature, l'expiration des jetons et la charge utile surdimensionnée. Les compétences de débogage incluent l'utilisation des outils de débogage et de l'exploitation forestière. 5. L'optimisation des performances et les meilleures pratiques incluent l'utilisation des algorithmes de signature appropriés, la définition des périodes de validité raisonnablement,

Comment fonctionne le détournement de session et comment pouvez-vous l'atténuer en PHP? Comment fonctionne le détournement de session et comment pouvez-vous l'atténuer en PHP? Apr 06, 2025 am 12:02 AM

Le détournement de la session peut être réalisé via les étapes suivantes: 1. Obtenez l'ID de session, 2. Utilisez l'ID de session, 3. Gardez la session active. Les méthodes pour empêcher le détournement de la session en PHP incluent: 1. Utilisez la fonction Session_RegeReate_id () pour régénérer l'ID de session, 2. Stocker les données de session via la base de données, 3. Assurez-vous que toutes les données de session sont transmises via HTTPS.

Décrivez les principes solides et comment ils s'appliquent au développement de PHP. Décrivez les principes solides et comment ils s'appliquent au développement de PHP. Apr 03, 2025 am 12:04 AM

L'application du principe solide dans le développement de PHP comprend: 1. Principe de responsabilité unique (SRP): Chaque classe n'est responsable d'une seule fonction. 2. Principe ouvert et ferme (OCP): les changements sont réalisés par extension plutôt que par modification. 3. Principe de substitution de Lisch (LSP): les sous-classes peuvent remplacer les classes de base sans affecter la précision du programme. 4. Principe d'isolement d'interface (ISP): utilisez des interfaces à grain fin pour éviter les dépendances et les méthodes inutilisées. 5. Principe d'inversion de dépendance (DIP): les modules élevés et de bas niveau reposent sur l'abstraction et sont mis en œuvre par injection de dépendance.

Comment déboguer le mode CLI dans phpstorm? Comment déboguer le mode CLI dans phpstorm? Apr 01, 2025 pm 02:57 PM

Comment déboguer le mode CLI dans phpstorm? Lors du développement avec PHPStorm, nous devons parfois déboguer PHP en mode interface de ligne de commande (CLI) ...

Comment définir automatiquement les autorisations d'UnixSocket après le redémarrage du système? Comment définir automatiquement les autorisations d'UnixSocket après le redémarrage du système? Mar 31, 2025 pm 11:54 PM

Comment définir automatiquement les autorisations d'UnixSocket après le redémarrage du système. Chaque fois que le système redémarre, nous devons exécuter la commande suivante pour modifier les autorisations d'UnixSocket: sudo ...

Expliquez la liaison statique tardive en PHP (statique: :). Expliquez la liaison statique tardive en PHP (statique: :). Apr 03, 2025 am 12:04 AM

Liaison statique (statique: :) ​​implémente la liaison statique tardive (LSB) dans PHP, permettant à des classes d'appel d'être référencées dans des contextes statiques plutôt que de définir des classes. 1) Le processus d'analyse est effectué au moment de l'exécution, 2) Recherchez la classe d'appel dans la relation de succession, 3) il peut apporter des frais généraux de performance.

Caractéristiques de sécurité du cadre: protection contre les vulnérabilités. Caractéristiques de sécurité du cadre: protection contre les vulnérabilités. Mar 28, 2025 pm 05:11 PM

L'article traite des fonctionnalités de sécurité essentielles dans les cadres pour se protéger contre les vulnérabilités, notamment la validation des entrées, l'authentification et les mises à jour régulières.

See all articles