From 3ddbb5419e9a2fa623912f96e19b20113786d647 Mon Sep 17 00:00:00 2001
From: Anyon <zoujingli@qq.com>
Date: Mon, 10 Jul 2017 19:17:07 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=9B=B4=E6=96=B0]=E5=A2=9E=E5=8A=A0=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8A=E4=BC=A0=E6=8F=92=E4=BB=B6=E6=A1=88=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/demo/controller/Inter.php      | 39 +++++++++++
 application/demo/controller/Plugs.php      |  1 -
 application/demo/view/inter.file.html      | 79 ++++++++++++++++++++++
 application/demo/view/plugs.pcasunzip.html |  2 +-
 4 files changed, 119 insertions(+), 2 deletions(-)
 create mode 100644 application/demo/controller/Inter.php
 create mode 100644 application/demo/view/inter.file.html

diff --git a/application/demo/controller/Inter.php b/application/demo/controller/Inter.php
new file mode 100644
index 000000000..682229c73
--- /dev/null
+++ b/application/demo/controller/Inter.php
@@ -0,0 +1,39 @@
+<?php
+
+// +----------------------------------------------------------------------
+// | Think.Admin
+// +----------------------------------------------------------------------
+// | 版权所有 2014~2017 广州楚才信息科技有限公司 [ http://www.cuci.cc ]
+// +----------------------------------------------------------------------
+// | 官方网站: http://think.ctolog.com
+// +----------------------------------------------------------------------
+// | 开源协议 ( https://mit-license.org )
+// +----------------------------------------------------------------------
+// | github开源项目：https://github.com/zoujingli/Think.Admin
+// +----------------------------------------------------------------------
+
+namespace app\demo\controller;
+
+use controller\BasicAdmin;
+
+/**
+ * 系统权限管理控制器
+ * Class Plugs
+ * @package app\demo\controller
+ * @author Anyon <zoujingli@qq.com>
+ * @date 2017/07/10 18:13
+ */
+class Inter extends BasicAdmin
+{
+
+    /**
+     * 省市区插件
+     * @return \think\response\View
+     */
+    public function file()
+    {
+        $this->title = '文件上传';
+        return view('', ['title' => $this->title]);
+    }
+
+}
diff --git a/application/demo/controller/Plugs.php b/application/demo/controller/Plugs.php
index 308c8538b..1a9e7e2d1 100644
--- a/application/demo/controller/Plugs.php
+++ b/application/demo/controller/Plugs.php
@@ -25,7 +25,6 @@ use controller\BasicAdmin;
  */
 class Plugs extends BasicAdmin
 {
-    public $title = '插件案例';
 
     /**
      * 省市区插件
diff --git a/application/demo/view/inter.file.html b/application/demo/view/inter.file.html
new file mode 100644
index 000000000..680192598
--- /dev/null
+++ b/application/demo/view/inter.file.html
@@ -0,0 +1,79 @@
+{extend name='extra@admin/content'}
+
+{block name="content"}
+
+<div class="code">
+    <style>
+        .uploadbutton {
+            line-height: 50px;
+            display: inline-block;
+            position: absolute;
+            margin-left: 10px;
+            top: 20px;
+        }
+    </style>
+
+    <blockquote class="site-text layui-elem-quote">
+        单图片上传
+    </blockquote>
+
+    <div style="position:relative">
+        <div class="uploadimage">
+            <input type="hidden" name="file_1"/>
+        </div>
+        <a data-file="one"
+           data-field="file_1"
+           data-type="png,jpg"
+           data-uptype="local"
+           href="javascript:void(0)"
+           class="uploadbutton">上传图片</a>
+    </div>
+
+    <script>
+        require(['jquery'], function () {
+            $('[name="file_1"]').on('change', function () {
+                $(this).parent().css('backgroundImage', 'url(' + this.value + ')');
+                $(this).parent().attr('data-tips-image', this.value);
+            });
+        });
+    </script>
+
+    <pre class="layui-code" lay-title="HTML代码">
+
+<div style="position:relative">
+    <div class="uploadimage">
+        <input type="hidden" name="file_1"/>
+    </div>
+    <a data-file="one"
+       data-field="file_1"
+       data-type="png,jpg"
+       data-uptype="local"
+       href="javascript:void(0)">上传图片</a>
+</div>
+    </pre>
+    <pre class="layui-code" lay-title="javascript代码">
+
+// 监听 input 的 onchange 事件
+// 当有图片上传时，会触发 change 事件
+require(['jquery'], function () {
+    $('[name="file_1"]').on('change', function () {
+        $(this).parent().css('backgroundImage', 'url(' + this.value + ')');
+        $(this).parent().attr('data-tips-image', this.value);
+    });
+});
+    </pre>
+    <script>
+        require(['pcasunzips'], function () {
+            new PCAS('province', 'city', 'area', '广东省', '广州市', '海珠区');
+        });
+    </script>
+</div>
+
+<script>
+    layui.use('code', function () {
+        layui.code({
+            encode: true
+        });
+    });
+</script>
+{/block}
\ No newline at end of file
diff --git a/application/demo/view/plugs.pcasunzip.html b/application/demo/view/plugs.pcasunzip.html
index 56d5995db..d6ff7940d 100644
--- a/application/demo/view/plugs.pcasunzip.html
+++ b/application/demo/view/plugs.pcasunzip.html
@@ -4,7 +4,7 @@
 
 <div class="code">
     <blockquote class="site-text layui-elem-quote">
-        PCAS 单文件JS省市区插件
+        PCAS 单文件JS省市区插件（也适用于Wap端）
     </blockquote>
     <div id="demo" class="citys">
         <div class="layui-input-inline">