php執行個體多檔案上傳執行個體代碼
//a = $('<span class="MultiFile-title" title="'+MultiFile.STRING.selected.replace('$file', v)+'">'+MultiFile.STRING.file.replace('$file', v.match(/[^/\]+$/gi)[0])+'</span>'),
//這是新的代碼結構.
//取出圖片格式.
ext = String(v.match(/.w{1,4}$/gi));
// v變數是路徑地址, 所以可以直接用img來顯示出來.
var imgs = (ext=='.jpg' || ext=='.gif' || ext=='.png')?'<img onmouseover="alert(this.src)" width="30" src="'+v+'"/>':'';
// 從'+imgs+'開始,就是我增加的.
a = $('<span class="MultiFile-title" title="'+MultiFile.STRING.selected.replace('$file', v)+'">'+MultiFile.STRING.file.replace('$file', v.match(/[^/\]+$/gi)[0])+'</span> '+imgs+' <a class="a_b" href="javascript:;" title="點擊插入主題" rsok="'+slave_count+'" onclick="alert('+slave_count+'); return false">點擊插入</a>'),
b = $('<a class="MultiFile-remove" href="#'+MultiFile.wrapID+'">'+MultiFile.STRING.remove+'</a>');
複製代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.MultiFile.js"></script>
<script type="text/javascript">
<!--
$(function (){
//測試jquery是否載入
//alert('jquery');
//用樣本7模式的內容
$('#T7').MultiFile({
list: '#T7-list'
});
})
-->
</script>
<body style="font-size:14px; margin:10%; height:">
<!--建立一個ID #T7 相應的設定一個div為T7-list來顯示內容-->
<input id="T7" name="upfile" type="file" />
<div id="T7-list"></div>
<div>部分測試: <a href="javascript:;" onclick="alert($('#T7-list').html())">列表內容</a></div>
</body>
</html>
複製代碼 //對於編輯來說, 鍵名key就會從0開始計算.所以擷取一下附件最後一個rsok值是非常重要的.
//var int_s=$('.a_b:last').attr('rsok');
// Bind functionality to the first element
if(!MultiFile.MultiFile) MultiFile.addSlave(MultiFile.e, 0);
複製代碼
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
