Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 396 Releases 0 Wiki
Browse Source

文章发布标记已合并

luyanan 7 years ago
parent
76afd73e86
commit
c133dbac39
1 changed files with 101 additions and 239 deletions
Split View Show Diff Stats
  1. 101 239
      articalIssue.html

+ 101 - 239
articalIssue.html
View File 

@ -1,4 +1,4 @@
1 
 <!DOCTYPE html>
1 
 <!DOCTYPE html>
2 2 
<html>
3 3 
<head>
4 4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

@ -7,8 +7,12 @@
7 7 
<title>发布文章-科袖网</title>
8 8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
10 11 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<style type="text/css">
14 
	#filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
15 
</style>
12 16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 17
14 18 
</head>

@ -24,31 +28,32 @@
24 28 
				<ul class="artAbout">
25 29 
					<li>
26 30 
						<div class="uploadFile">
27 
	        				<div class="uploadblock">
28 
	        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
31 
	        				<div class="uploadblock" id="uploader" data-id>
32 
       							<span class="" id="filePicker">上传图片</span>
29 33 
	        					<!--未上传图片时-->
30 34 
	        					<div class="upFront">
31 35 
		        					<p>文章封面大图</p>
32 36 
		        					<p>JPG/PNG格式，2M以内。</p>
33 
		            				<span class="upbtn">上传图片</span>
37 
		        					<span class="upbtn">上传图片</span>
34 38 
	        					</div>
35 39 
	        					<!--已上传图片时-->
36 40 
	        					<span class="upbtn upBackbtn">更换图片</span>
37 41 
		            		</div>
38 42 
	        			</div>
43 
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
39 44 
					</li>
40 45 
					<li>
41 
						<div class="aboutTit">标题<span class="frmconmsg">30字以内</span></div>
42 
						<div class="frmtype frmcontype textareabox textareaboxEmp" placeholder="请输入标题" contenteditable="true"></div>
46 
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
47 
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
43 48 
					</li>
44 49 
					<li class="form-item">
45 
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
50 
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
46 51 
						<div style="position: relative;">
47 
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
52 
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
48 53 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
49 
							<button class="frmcontype frmadd">添加</button>
54 
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
50 55 
						</div>
51 
						<div class="form-drop keydrop">
56 
						<div class="form-drop keydrop displayNone">
52 57 
							<ul>
53 58 
								<li>
54 59 
									<p class="h2Font">金属材料工程与腐蚀</p>

@ -62,8 +67,8 @@
62 67 
							</ul>
63 68 
						</div>
64 69 
						<div class="form-result keyResult">
65 
							<ul class="clearfix">
66 
								<li>
70 
							<ul class="clearfix" id="keyWordlist">
71 
								<!--<li>
67 72 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
68 73 
									<div class="closeThis"></div>
69 74 
								</li>

@ -82,15 +87,16 @@
82 87 
								<li>
83 88 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
84 89 
									<div class="closeThis"></div>
85 
								</li>
90 
								</li>-->
86 91 
							</ul>
87 92 
						</div>
88 93 
					</li>
89 94 
					<li>
90 95 
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
91 96 
						<!--这块还是使用编辑框插件-->
92 
						<div class="editBlock">
93 
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>
97 
						<div class="editBlock" style="border:none; height: auto;">
98 
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
99 
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
94 100 
						</div>
95 101 
					</li>
96 102 
				</ul>

@ -98,7 +104,7 @@
98 104 
			<div class="rightconBox floatR">
99 105 
				<div class="conItem">
100 106 
					<ul class="operateBlock">
101 
						<li class="goFabu">
107 
						<li class="goFabu" id="release">
102 108 
							<em class="operateicon icon-issue"></em>
103 109 
							<p>发布</p>
104 110 
						</li>

@ -106,15 +112,15 @@
106 112 
							<em class="operateicon icon-timeissue"></em>
107 113 
							<p>定时发布</p>
108 114 
						</li>
109 
						<li class="articalPreview">
115 
						<li class="articalPreview" id="preview">
110 116 
							<em class="operateicon icon-preview"></em>
111 117 
							<p>预览</p>
112 118 
						</li>
113 
						<li>
119 
						<li id="draft">
114 120 
							<em class="operateicon icon-draft"></em>
115 121 
							<p>存草稿</p>
116 122 
						</li>
117 
						<li>
123 
						<li class="disableLi">
118 124 
							<em class="operateicon icon-delete"></em>
119 125 
							<p>删除</p>
120 126 
						</li>

@ -123,100 +129,53 @@
123 129 
				</div>
124 130 
				<div class="conItem">
125 131 
					<div class="form-item otherBlock">
126 
						<div class="aboutTit">相关专家<span class="frmconmsg">最多选择3位专家</span></div>
127 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="" value="" />
128 
						<div class="form-drop">
129 
							<ul>
130 
								<li>
131 
									<div class="madiaHead useHead"></div>
132 
									<div class="madiaInfo">
133 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
134 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
135 
									</div>
136 
								</li>
137 
								<li>
138 
									<div class="madiaHead useHead"></div>
139 
									<div class="madiaInfo">
140 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
141 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
142 
									</div>
143 
								</li>
144 
								<li>
145 
									<div class="madiaHead useHead"></div>
146 
									<div class="madiaInfo">
147 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
148 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
149 
									</div>
150 
								</li>
132 
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
133 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
134 
						<div class="form-drop displayNone">
135 
							<ul class="expertlist" id="expertlist">
136
151 137 
							</ul>
152 138 
						</div>
153 139 
						<div class="form-result">
154 
							<ul>
155 
								<li>
156 
									<div class="madiaHead useHead"></div>
157 
									<div class="madiaInfo">
158 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
159 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
160 
									</div>
161 
									<div class="deleteThis"></div>
162 
								</li>
163 
								<li>
164 
									<div class="madiaHead useHead"></div>
165 
									<div class="madiaInfo">
166 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
167 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
168 
									</div>
169 
									<div class="deleteThis"></div>
170 
								</li>
140 
							<ul class="addexpert" id="expertli">
141
171 142 
							</ul>
172 143 
						</div>
173 144 
					</div>
174 145 
					<div class="form-item otherBlock">
175 
						<div class="aboutTit">相关资源<span class="frmconmsg">最多选择3条资源</span></div>
176 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="" value="" />
177 
						<div class="form-drop">
178 
							<ul>
179 
								<li>
146 
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
147 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
148 
						<div class="form-drop displayNone">
149 
							<ul class="expertlist" id="resouselist">
150 
								<li id="4">
180 151 
									<div class="madiaHead resouseHead"></div>
181 152 
									<div class="madiaInfo">
182 153 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
183 
										<p class="h1Font">李大大</p>
154 
										<p class="h1Font">李大大1</p>
184 155 
									</div>
156 
									<div class="deleteThis"></div>
185 157 
								</li>
186 
								<li>
158 
								<li id="5">
187 159 
									<div class="madiaHead resouseHead"></div>
188 160 
									<div class="madiaInfo">
189 161 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
190 
										<p class="h1Font">李大大</p>
162 
										<p class="h1Font">李大大2</p>
191 163 
									</div>
164 
									<div class="deleteThis"></div>
192 165 
								</li>
193 
								<li>
166 
								<li id="6">
194 167 
									<div class="madiaHead resouseHead"></div>
195 168 
									<div class="madiaInfo">
196 169 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
197 
										<p class="h1Font">李大大</p>
170 
										<p class="h1Font">李大大3</p>
198 171 
									</div>
172 
									<div class="deleteThis"></div>
199 173 
								</li>
200 174 
							</ul>
201 175 
						</div>
202 176 
						<div class="form-result">
203 
							<ul>
204 
								<li>
205 
									<div class="madiaHead resouseHead"></div>
206 
									<div class="madiaInfo">
207 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
208 
										<p class="h1Font">李大大</p>
209 
									</div>
210 
									<div class="deleteThis"></div>
211 
								</li>
212 
								<li>
213 
									<div class="madiaHead resouseHead"></div>
214 
									<div class="madiaInfo">
215 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
216 
										<p class="h1Font">李大大</p>
217 
									</div>
218 
									<div class="deleteThis"></div>
219 
								</li>
177 
							<ul class="addexpert" id="resources">
178
220 179 
							</ul>
221 180 
						</div>
222 181 
					</div>

@ -228,159 +187,62 @@
228 187 
<footer>
229 188 
	<script type="text/javascript" src="js/footer.js"></script>
230 189 
</footer>
231 
<!--文章预览-->
232 
<div class="blackcover">
233 
	<div class="modelContain modelContain2">
234 
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
235 
			<div class="leftconBox floatL">
236 
				<div class="showDetail">
237 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
238 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
239 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
240 
					<!--文章内容区-->
241 
					<div class="showMain">
242 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
243 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
244 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
245 
<p><img src="images/banner/banner01.jpg" /></p>
246 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
247 
					</div>
248 
					<!--标签模块-->
249 
					<ul class="tagList">
250 
						<li>
251 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
252 
						</li>
253 
						<li>
254 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
255 
						</li>
256 
						<li>
257 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
258 
						</li>
259 
						<li>
260 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
261 
						</li>
262 
						<li>
263 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
264 
						</li>
265 
					</ul>
266 
					<!--相关专家-->
267 
					<div class="form-item otherShow otherShowFirst">
268 
						<div class="aboutTit">相关专家</div>
269 
						<div class="form-result">
270 
							<ul>
271 
								<li>
272 
									<div class="madiaHead useHead"></div>
273 
									<div class="madiaInfo">
274 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
275 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
276 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
277 
									</div>
278 
								</li>
279 
								<li>
280 
									<div class="madiaHead useHead"></div>
281 
									<div class="madiaInfo">
282 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
283 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
284 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
285 
									</div>
286 
								</li>
287 
								<li>
288 
									<div class="madiaHead useHead"></div>
289 
									<div class="madiaInfo">
290 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
291 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
292 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
293 
									</div>
294 
								</li>
295 
							</ul>
296 
						</div>
297 
					</div>
298 
					<!--相关资源-->
299 
					<div class="form-item otherShow">
300 
						<div class="aboutTit">相关资源</div>
301 
						<div class="form-result aboutRes">
302 
							<ul>
303 
								<li>
304 
									<div class="madiaHead resouseHead"></div>
305 
									<div class="madiaInfo">
306 
										<p class="h1Font">资源名称资源名称资源名称</p>
307 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
308 
									</div>
309 
								</li>
310 
								<li>
311 
									<div class="madiaHead resouseHead"></div>
312 
									<div class="madiaInfo">
313 
										<p class="h1Font">资源名称资源名称资源名称</p>
314 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
315 
									</div>
316 
								</li>
317 
								<li>
318 
									<div class="madiaHead resouseHead"></div>
319 
									<div class="madiaInfo">
320 
										<p class="h1Font">资源名称资源名称资源名称</p>
321 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
322 
									</div>
323 
								</li>
324 
							</ul>
325 
						</div>
326 
					</div>
327 
				</div>
328 
			</div>
329 
			<div class="rightconBox floatR">
330 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
331 
					<div class="madiaHead useHead"></div>
332 
					<div class="proInfo">
333 
						<div class="h3Font clearfix">
334 
							<span class="h1Font" id="nameS">张某某</span>
335 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
336 
						</div>
337 
						<p class="h2Font">教授高工、董事长兼CEO</p>
338 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
339 
					</div>
340 
				</div>
341 
				<div class="conItem conItemG" style="border:none;padding:30px;">
342 
					<div class="madiaHead cmpHead"></div>
343 
					<div class="proInfo alignCenter">
344 
						<div class="h3Font clearfix">
345 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
346 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
347 
						</div>
348 
						<p class="h2Font">所属行业 | 企业类型</p>
349 
					</div>
350 
				</div>
351 
			</div>
352 
		</div>
353 
		<span class="modelClosebtn"></span>
354 
	</div>
355 
</div>
356
357 190
358 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
359 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
360 
<script type="text/javascript" src="js/jquery.page.js"></script>
191 
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
192 
<script type="text/javascript" src="js/ueditor/ueditor.all.js"> </script>
193 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
194 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
195 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
361 196 
<script type="text/javascript" src="js/common.js"></script>
362 
<script type="text/javascript">
363 
	$(".textareaboxEmp").keyup(function(){
364 
		$(this).css("content","none");
365 
	})
366
367 
//Model模态框打开关闭
368 
function modelOpen(){
369 
	$(".blackcover").fadeIn();
370 
	$(".modelContain").slideDown();
371 
	$("body").addClass("modelOpen");
372 
}
373 
function modelClose(){
374 
	$(".modelContain").slideUp();
375 
	$(".blackcover").fadeOut();
376 
	$("body").removeClass("modelOpen");
377 
}
378 
	$(".articalPreview").click(function() {
379 
		modelOpen();
380 
	})
381 
	$(".modelClosebtn").click(function() {
382 
		modelClose();
383 
	})
197 
<script type="text/javascript" src="js/articalIssue.js"></script>
198 
<script type="text/javascript">
199 
//初始引用编辑器
200 
ue = UE.getEditor('editor', {});
201
202 
// 初始化Web Uploader
203 
var uploader = WebUploader.create({
204 
	// 选完文件后，是否自动上传。
205 
    auto: true,
206 
    // 添加的文件数量
207 
    //fileNumLimit: 1,
208 
    // swf文件路径
209 
    swf: '../js/webuploader/Uploader.swf',
210 
    // 文件接收服务端。
211 
    server: '../ajax/cachedFileUpload',
212 
    // 选择文件的按钮。可选。
213 
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
214
215 
    pick : {
216 
    	id : "#filePicker",
217 
    	multiple: false
218 
    	},
219 
    // 只允许选择图片文件。
220 
    accept: {
221 
        title: 'Images',
222 
        extensions: 'gif,jpg,jpeg,bmp,png',
223 
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
224 
    }
225
226 
});
227
228 
// 当有文件添加进来的时候
229 
uploader.on( 'fileQueued', function( file ) {
230 
    uploader.makeThumb( file, function( error, src ) {
231 
        $("#uploader").css("background-image","url("+src+")");
232 
        $(".imgtis").text("");
233 
        $(".upFront").hide();
234 
        $(".upBackbtn").show();
235 
    }, 1, 1 );
236
237 
});
238
239 
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
240 
cacheImageKey="";
241 
uploader.on( 'uploadSuccess', function(file,data) {
242 
	cacheImageKey =data.data[0].cacheKey;
243 
	$("#uploader").attr("data-id",cacheImageKey);
244 
});
245
384 246 
</script>
385 247 
</body>
386 248 
</html>