62,065
社区成员
发帖
与我相关
我的任务
分享
<%@ Page Title="" Language="C#" MasterPageFile="~/Master/ModelMaster.master" AutoEventWireup="true" CodeFile="MasterTest.aspx.cs" Inherits="Model_MasterTest" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link href="/css/layout.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/uploadify/jquery.uploadify.js"></script>
<link rel="stylesheet" type="text/css" href="/js/uploadify/uploadify.css" />
<script type="text/javascript" src="/js/layer-v1.9.0/layer/layer.js"></script>
<link href="/js/layer-v1.9.0/layer/skin/layer.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/custom.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="allbg">
<!--头部-->
<!--首页 -->
<div class="pmemup_tab">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" class="ctp">
上传九宫图:
</td>
<td>
<div class="clearfix">
<input id="txtNinePicList" runat="server" readonly="readonly" type="text" class="inp1 fl mt11" onclick="return txtNinePicList_onclick()" /><a
href="javascript:;" class="btn2 mt11" id="NinePicList">选择文件</a></div>
<ul class="nine clearfix" id="nineImgs">
</ul>
</td>
</tr>
<tr>
<td align="right">
九宫格简介:
</td>
<td>
<textarea id="txtNineCellIntro" runat="server"></textarea>
</td>
</tr>
</table>
</div>
</div>
<!--尾部-->
<input type="hidden" id="txtUserId" runat="server" value="" />
<script type="text/javascript">
//上传附件
var NineCellArr = [];
$("#NinePicList").click(function () {
alert("link clicked");
if ($("#txtNinePicList").val()) {
NineCellArr = $("#txtNinePicList").val().split("|");
nineFn.queueImg();
}
/*九宫格上传*/
$('#NinePicList').uploadify({
height: 33,
width: 77,
multi: true,
buttonImg: "/images/pmem_btn2.jpg",
formData: { "uid": $("#txtUserId").val(), "authkey": '<%=authkey%>' },
fileTypeExts: "*.jpg;*.png;*.jpeg;*.gif;*.bmp;",
'swf': '/js/uploadify/uploadify.swf',
'uploader': 'http://upload.tgod.cn/service/upload.ashx',
'buttonText': '选择图片',
onUploadStart: function () {
if (NineCellArr.length >= 9) {
$("#NinePicList").uploadify("cancel", "*");
alert("最多上传9张图片!");
}
},
onUploadSuccess: function (file, data, response) {
var obj = eval("(" + data + ")");
if (obj.Code == 100) {
NineCellArr.push(obj.FileUrl);
//图片限制9张
if (NineCellArr.length > 9) {
NineCellArr.splice(0, NineCellArr.length - 9);
}
} else {
alert(obj.Message);
}
},
onQueueComplete: function () {
nineFn.queueImg();
}
});
var nineFn = {
queueImg: function () {
//数据初始化
$("#nineImgs").html('');
//图片拼写
if (NineCellArr.length > 0) {
var html = "";
var length = NineCellArr.length;
for (var i = 0; i < length; i++) {
if (!NineCellArr[i]) continue;
html += '<li><img src="' + NineCellArr[i] + '" class="img" /><div class="del"><a href="javascript:void(0);" onclick="nineFn.removeImg(' + i + ')"><img src="/images/pmem_close.png" /> 删除</a></div></li>';
}
$("#nineImgs").html(html);
}
var imgUrlList = "";
for (var j = 0; j < NineCellArr.length; j++) {
if (!NineCellArr[j]) continue;
imgUrlList += NineCellArr[j] + "|";
}
$("#txtNinePicList").val(imgUrlList);
},
removeImg: function (pos) {
NineCellArr.splice(pos, 1);
nineFn.queueImg();
}
}
function txtNinePicList_onclick() {
}
});
</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" Runat="Server">
</asp:Content>