php jquery 多文件上传 デモ表示 XML/HTML コード アップロード </li> <li class="alt"> </li> <li>$(document).ready(function() </li> <li class="alt">{ </li> <li> </li> <li class="alt">var settings = { </li> <li> URL: "upload.php", </li> <li class="alt"> メソッド: "POST", </li> <li> allowedTypes:"jpg,png,gif,doc,pdf, zip", </li> <li class="alt"> fileName: "myfile", </li> <li> multiple: true, </li> <li class="alt"> onSuccess:function(files,data,xhr) </li> <li> { </li> <li class="alt"> $("#status").html("<font color="green">アップロードは成功</font>"); </li> <li> </li> <li class="alt"> }, </li> <li> onError: function(files,status,errMsg) </li> <li class="alt"> { </li> <li> $("#status").html("<font color="red">アップロードが失敗しました</font>"); </li> <li class="alt"> } </li> <li>} </li> <li class="alt">$("#mulitplefileuploader").uploadFile(設定); </li> <li> </li> <li class="alt">}); </li> <li></スクリプト> <p>upload.php</p>PHPコード<ol start="1" class="dp-c"> <li class="alt"> <?php <?php <li>//ディレクトリが存在しない場合は作成します。 </li> <li class="alt">$output_dir = "../アップロード"; </li> <li> </li> <li class="alt">if(isset($_FILES["myfile"])) </li> <li>{ </li> <li class="alt"> $ret = array(); </li> <li> </li> <li class="alt"> $error =$_FILES["myfile"]["error"]; </li> <li> { </li> <li class="alt"> </li> <li> if(!is_array($_FILES["myfile"]['name'])) //単一ファイル </li> <li class="alt"> { </li> <li> $fileName = $_FILES["myfile"]["name"]; </li> <li class="alt"> move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir. $_FILES["myfile"]["name"]); </li> <li> //echo "<br> エラー: ".$_FILES["myfile"]["error"]; </li> <li class="alt"> </li> <li> $ret[$fileName]= $output_dir.$fileName; </li> <li class="alt"> } </li> <li> else </li> <li class="alt"> { </li> <li> $fileCount = count($_FILES["myfile"]['name']); </li> <li class="alt"> for($i=0; $i { </li> <li class="alt"> $fileName = $_FILES["myfile"]["name"][$i]; </li> <li> $ret[$fileName]= $output_dir.$fileName; </li> <li class="alt"> move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName ); </li> <li> } </li> <li class="alt"> </li> <li> } </li> <li class="alt"> } </li> <li> echo json_encode($ret); </li> <li class="alt"> </li> <li>} </li> <li class="alt"> </li> <li>?> <p> </p> <br>原文地址:http://www.freejs.net/article_biaodan_116.html<br> <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/621610.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/621610.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> php jquery 多文件上传 演示 XML/HTML コード アップロード スクリプト $(document).ready(function() { var settings = { url: "upload.php"、method: "POST"、allowedTypes:"jpg,png,gif,ドキュメント、pdf、z...</span> </div> <div class="art_confoot"></div> </li> </ol> </li> </ol>
デモ表示
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
