From 2a0f6ec16707b12685db3306d268ffbd08f04423 Mon Sep 17 00:00:00 2001
From: lovelyzhang <polozy314@gmail.com>
Date: Thu, 22 Dec 2016 22:00:20 +0800
Subject: [PATCH] delete test.txt

---
 Gemfile         |   6 +--
 Gemfile.lock    |   2 -
 多图片上传.html | 121 ++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 124 insertions(+), 5 deletions(-)
 create mode 100644 多图片上传.html
diff --git a/Gemfile b/Gemfile
index daf9686..67af890 100644
--- a/Gemfile
+++ b/Gemfile
@@ -44,9 +44,9 @@ group :development do
   gem 'spring-watcher-listen', '~> 2.0.0'
 end
 
-group :production do
-  gem 'pg','~> 0.18.4'
-end
+# group :production do
+#   gem 'pg','~> 0.18.4'
+# end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
diff --git a/Gemfile.lock b/Gemfile.lock
index dc72978..92c9ada 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -81,7 +81,6 @@ GEM
     nio4r (1.2.1)
     nokogiri (1.6.8.1)
       mini_portile2 (~> 2.1.0)
-    pg (0.18.4)
     puma (3.6.2)
     rack (2.0.1)
     rack-test (0.6.3)
@@ -162,7 +161,6 @@ DEPENDENCIES
   jbuilder (~> 2.5)
   jquery-rails
   listen (~> 3.0.5)
-  pg (~> 0.18.4)
   puma (~> 3.0)
   rails (~> 5.0.0, >= 5.0.0.1)
   sass-rails (~> 5.0)
diff --git a/多图片上传.html b/多图片上传.html
new file mode 100644
index 0000000..8e20221
--- /dev/null
+++ b/多图片上传.html
@@ -0,0 +1,121 @@
+﻿<HTML>
+<HEAD>
+<script type="text/javascript">
+var i = 0; // 用来动态生成span,upfile的id
+function addAttachmentToList()
+{
+  if (findAttachment(event.srcElement.value)) return; //如果此文档已在图片列表中则不再添加
+    
+  // 动态创建图片信息栏并添加到图片列表中
+  var span = document.createElement('span');
+  span.id = '_attachment' + i;
+  span.innerHTML = extractFileName(event.srcElement.value) + '&nbsp;<a href="javascript:delAttachment(' + (i++) + ')"><font color="blue">删除</font></a><br/>';
+  span.title = event.srcElement.value;
+  G('attachmentList').appendChild(span);
+    
+  // 显示图片列表并变换添加图片按钮文本
+  if (G('attachmentList').style.display == 'none')
+  {
+  G('btnAdd').value = '继续添加';
+  G('attachmentList').style.display = '';
+  G('btnClear').style.display = '';
+  }
+
+  G('total').innerText = '当前选择上传'+ G('attachmentList').childNodes.length + '个图片';
+}
+
+function selectAttachment()
+{
+  // 先清除无效动态生成的多余upfile
+  cleanInvalidUpfile();
+    
+  // 动态创建上传控件并与span对应
+  var upfile = '<input type="file" style="display:none" onchange="addAttachmentToList();" id="_upfile'+i+'">';
+  document.body.insertAdjacentHTML('beforeEnd', upfile);
+  G('_upfile'+i).click();
+}
+
+function extractFileName(fn)
+{
+  return fn.substr(fn.lastIndexOf('\\')+1);
+}
+
+function findAttachment(fn)
+{
+  var o = G('attachmentList').getElementsByTagName('span');
+  for(var i=0;i<o.length;i++)
+  if (o[i].title == fn) return true;
+  return false;
+}
+
+function delAttachment(id)
+{
+  G('attachmentList').removeChild(G('_attachment'+id));
+  document.body.removeChild(G('_upfile'+id));
+    
+  // 当图片列表为空则不显示并且变化添加图片按钮文本
+  if (G('attachmentList').childNodes.length == 0)
+  {
+  G('btnAdd').value = '添加图片';
+  G('attachmentList').style.display = 'none';
+  G('btnClear').style.display = 'none';
+  }
+    
+  G('total').innerText = '当前选择上传'+ G('attachmentList').childNodes.length + '个图片';   
+}
+
+function cleanInvalidUpfile()
+{
+  var o = document.body.getElementsByTagName('input');
+  for(var i=o.length-1;i>=0;i--)
+  if (o[i].type == 'file' && o[i].id.indexOf('_upfile') == 0)
+  {
+  if (!G('_attachment'+o[i].id.substr(7)))
+  document.body.removeChild(o[i]);
+  }
+}
+
+function clearAttachment()
+{
+  var o = G('attachmentList').childNodes;
+  for(var i=o.length-1;i>=0;i--)
+  G('attachmentList').removeChild(o[i]);
+
+  o = document.body.getElementsByTagName('input');
+  for(var i=o.length-1;i>=0;i--)
+  if (o[i].type == 'file' && o[i].id.indexOf('_upfile') == 0)
+  {
+  document.body.removeChild(o[i]);
+  }  
+
+  G('btnAdd').value = '添加图片';
+  G('attachmentList').style.display = 'none';
+  G('btnClear').style.display = 'none';    
+  G('total').innerText = '当前选择上传0个图片';   
+    
+}
+
+function getAttachmentInfo()
+{
+  // 已知的js获取本地文件大小的三种方式
+
+}
+
+function G(id)
+{
+  return document.getElementById(id);
+}
+</script>
+</HEAD>
+<BODY>
+<fieldset style="border:1px solid;text-align:left;FONT-SIZE:12px;font-family: Verdana;padding:5px;">
+<form action="#">
+<input type="button" value="添加图片" id="btnAdd" onclick="selectAttachment();">&nbsp;
+<input type="button" value="清空图片" id="btnClear" style="display:none" onclick="clearAttachment();">
+<div id="attachmentList" style="margin:3px 0px 0px 0px;padding:4px 3px 4px 3px;display:none;border:1px solid "></div>
+<div id="total" style="margin:3px 0px 0px 0px;">当前选择上传0个图片</div>
+<div style="padding：10px 3px"><input type="submit" value="上传"></div>
+</form>
+
+</BODY>
+</HTML>
\ No newline at end of file
