ホームページ > php教程 > php手册 > Thinkphp は webUpload プラグインを使用して複数の画像をアップロードします

Thinkphp は webUpload プラグインを使用して複数の画像をアップロードします

ringa_lee
リリース: 2018-05-11 11:52:49
オリジナル
2932 人が閲覧しました

私はコードの移植者にすぎず、他の人の断片的な統合を参照しています。 Eagle of East Yunnan によって統合されたコード
html 部分
は主に、jq がフォームに値を渡すのを容易にするための隠しフィールドを作成します

js
(function( $ ){
      // 当domReady的时候开始初始化
      $(function() {
         var $wrap = $('.uploader-list-container'),
            // 图片容器
            $queue = $( '
控制器 代码
ログイン後にコピー

アップロード ボタンをクリックすると、webupload メソッドを入力してパスを設定します保存とフィルタリングに使用します
最も重要なことは、ajaxReturnを使用してjsonを返すことですデータはjsに転送されます

//商品图片上传
    public function webUpload(){
    $config = array(
        'mimes'         =>  array(), //允许上传的文件MiMe类型
        'maxSize'       =>  0, //上传的文件大小限制 (0-不做限制)
        'exts'          =>  array('jpg', 'gif', 'png', 'jpeg'), //允许上传的文件后缀
        'autoSub'       =>  true, //自动子目录保存文件
        'subName'       =>  array('date', 'Y-m-d'), //子目录创建方式,[0]-函数名,[1]-参数,多个参数使用数组
        'rootPath'      =>  'Upload/', //保存根路径
        'savePath'      =>  'Goods/',//保存路径
    );
    $upload = new \Think\Upload($config);// 实例化上传类
    $info   =   $upload->upload();
    if(!$info) {
        $this->error($upload->getError());// 上传错误提示错误信息
    }else{// 上传成功
        foreach ($info as $va){
                $suoluetu.="./Upload/".$va['savepath'].$va['savename']."||";
                $this->ajaxReturn($suoluetu);
        }
    }
}
js 接收
ログイン後にコピー

uploadSuccessメソッドを使用して戻り情報を受け取ります
responseを使用して画像受信アドレスを取得します
jq searchメソッドを使用します画像アドレスをループします
arr 配列の定義は、グローバル配列を宣言するメソッドの外側に配置する必要があります
.push() を使用して続行します トラバースされた要素を追加します
最後に、arr を HTML インターフェースの隠しフィールドに追加します

//ajax 成功返回地址
var arr    =  []; //定义全局数组
uploader.on('uploadSuccess',function(file,response){

   var imgurl = response; //上传图片的路径

   $(".imgfirst").each(function(){  //使用foreach 循环 地址
  arr.push(imgurl);   //地址追加进数组

   });

   $(".imgfirst").val(arr); //将地址写入到form表单
});
ログイン後にコピー

このようにして、基本的に複数画像のアップロードは完了です[/code]

Thinkphp は webUpload プラグインを使用して複数の画像をアップロードします tp.zip ( 5.87 MB ダウンロード: 16 回 )

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート