我只是程式碼的搬運工，參考其他人的零散整合。滇東之鷹大神整合的程式碼
html 部分
主要做了個隱藏域方便jq 傳值進入form表單?
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'), //子目錄創(chuàng)建方式，[0]-函數(shù)名，[1]-參數(shù)，多個參數(shù)使用數(shù)組
'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 earch 方法循環(huán)遍歷圖片位址
定義arr 數(shù)組必須放在方法體外聲明中使用全域數(shù)組進行加入遍歷的元素
最後將arr 加入到html介面隱藏域裡面
//ajax 成功返回地址
var arr = []; //定義全局數(shù)組
uploader.on('uploadSuccess',function(file,response){
var imgurl = response; //上傳圖片的路徑
$(".imgfirst").each(function(){ //使用foreach 循環(huán) 地址
arr.push(imgurl); //地址追加進數(shù)組
});
$(".imgfirst").val(arr); //將地址寫入到form表單
});這樣多圖上傳基本完成[/code]
tp.zip 
( 5.87 MB 下載：16 次 )
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Go語言程式設計實例：Web開發(fā)中的程式碼範例
Mar 04, 2024 pm 04:54 PM
《Go語言程式設計實例：Web開發(fā)中的程式碼範例》隨著網(wǎng)路的快速發(fā)展，Web開發(fā)已成為各行業(yè)中不可或缺的一部分。作為一門功能強大且效能優(yōu)越的程式語言，Go語言在Web開發(fā)中越來越受到開發(fā)者們的青睞。本文將透過具體的程式碼範例，介紹如何利用Go語言進行Web開發(fā)，讓讀者更能理解並運用Go語言來建立自己的Web應用。 1.簡單的HTTP伺服器首先，讓我們從一個
華為雲(yún)端邊緣運算對接指南：Java程式碼範例快速實作接口
Jul 05, 2023 pm 09:57 PM
華為雲(yún)端邊緣運算對接指南：Java程式碼範例快速實現(xiàn)介面隨著物聯(lián)網(wǎng)技術的快速發(fā)展和邊緣運算的興起，越來越多的企業(yè)開始關注邊緣運算的應用。華為雲(yún)端提供了邊緣運算服務，為企業(yè)提供了高可靠的運算資源和便利的開發(fā)環(huán)境，使得邊緣運算應用更容易實現(xiàn)。本文將介紹如何透過Java程式碼快速實現(xiàn)華為雲(yún)端邊緣運算的介面。首先，我們需要準備好開發(fā)環(huán)境。確保你已經(jīng)安裝了Java開發(fā)工具包（
了解Python編程的入門級程式碼範例
Jan 04, 2024 am 10:50 AM
了解Python程式設計的入門程式碼範例Python是一種簡單易學，功能強大的程式語言。對於初學者來說，了解Python程式設計的入門級程式碼範例是非常重要的。本文將為您提供一些具體的程式碼範例，幫助您快速入門。列印HelloWorldprint("HelloWorld")這是Python中最簡單的程式碼範例。 print()函數(shù)用於將指定的內容輸出
Java實作簡單的冒泡排序程式碼
Jan 30, 2024 am 09:34 AM
Java冒泡排序最簡單的程式碼範例冒泡排序是一種常見的排序演算法，它的基本想法是透過相鄰元素的比較和交換來將待排序序列逐步調整為有序序列。以下是一個簡單的Java程式碼範例，示範如何實作冒泡排序：publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int
PHP 變數(shù)的實際應用：10 個實際使用範例
Feb 19, 2024 pm 03:00 PM
PHP變數(shù)儲存程式運行期間的值，對於建立動態(tài)且互動的WEB應用程式至關重要。本文將深入探討php變量，並透過10個真實的範例展示它們的實際應用。 1.儲存使用者輸入$username=$_POST["username"];$passWord=$_POST["password"];此範例從表單提交中提取使用者名稱和密碼，並將其儲存在變數(shù)中以供進一步處理。 2.設定配置值$database_host="localhost";$database_username="username";$database_pa
如何使用PHP編寫庫存管理系統(tǒng)中的庫存分倉管理功能代碼
Aug 06, 2023 pm 04:49 PM
如何使用PHP編寫庫存管理系統(tǒng)中的庫存分倉管理功能碼庫存管理是許多企業(yè)中不可或缺的一部分。對於擁有多個倉庫的企業(yè)來說，庫存分倉管理功能尤其重要。透過合理管理和追蹤庫存，企業(yè)可以實現(xiàn)不同倉庫之間的庫存調撥，優(yōu)化營運成本，改善協(xié)同效率。本文將介紹如何使用PHP編寫庫存分倉管理功能的程式碼，並為您提供相關的程式碼範例。一、建立資料庫在開始編寫庫存分倉管理功能的程式碼之
從入門到精通：Go語言中常用資料結構的程式碼實現(xiàn)
Mar 04, 2024 pm 03:09 PM
標題：從入門到精通：Go語言中常用資料結構的程式碼實作資料結構在程式設計中起著至關重要的作用，它是程式設計的基礎。在Go語言中，有許多常用的資料結構，掌握這些資料結構的實作方式對於成為優(yōu)秀的程式設計師至關重要。本文將介紹Go語言中常用的資料結構，並給出對應的程式碼範例，幫助讀者從入門到精通這些資料結構。 1.數(shù)組（Array）數(shù)組是一種基本的資料結構，是一組相同類型
指導與範例：學習Java選擇排序演算法的實現(xiàn)
Feb 18, 2024 am 10:52 AM
Java選擇排序法程式碼編寫指南及範例選擇排序是一種簡單直觀的排序演算法，其想法是每次從未排序的元素中選擇最?。ɑ蜃畲螅┑脑剡M行交換，直到所有元素排序完成。本文將提供選擇排序的程式碼編寫指南，並附上具體的Java範例程式碼。演算法原理選擇排序的基本原理是將待排序數(shù)組分為已排序和未排序兩部分，每次從未排序部分選擇最?。ɑ蜃畲螅┑脑?，將其放到已排序部分的末尾。重複上述
