上传图片功能完成

api/upload.php

@@ -31,4 +31,6 @@ if ($filename) {
     } else {
         exit('{"code":-5, "msg":"上传失败！未知错误！", "path":""}');
     }
+} else {
+    exit('{"code":-6, "msg":"上传失败！没有文件！", "path":""}');
 }

pages/submit.php

@@ -33,7 +33,7 @@ if ($templateMode) {
                         <textarea id="image" class="mdui-textfield-input" placeholder="https://kagamine.top/img.png"></textarea>
                     </div>
                     <div class="mdui-col-md-2 mdui-col-sm-2 mdui-col-xs-5">
-                        <a href="javascript:;" id="upload" class="mdui-color-theme-accent a-upload mr10"><input type="file" name="" id="">上传文件</a>
+                        <a href="javascript:;" id="upload" class="mdui-color-theme-accent a-upload mr10"><input type="file" name="" id="upload-image">选择文件</a>
                     </div>
                 </div>
             <?php
@@ -72,6 +72,38 @@ if ($templateMode) {
             }
         }
 
+        $("#upload").on("change", "input[type='file']", function() {
+            var data = new FormData();
+            data.append('file', $(this).prop('files')[0]);
+            $('#upload-image').attr("disabled", "disabled")
+            $("#isLoading").show(100)
+            $.ajax({
+                type: 'POST',
+                url: "<?php echo $UPLOAD_API ?>",
+                data: data,
+                cache: false,
+                processData: false,
+                contentType: false,
+                success: function(rdata) {
+                    $("#isLoading").hide(100)
+                    $("#image").val(rdata.path)
+                    $('#upload-image').removeAttr("disabled")
+                    mdui.snackbar({
+                        message: rdata.msg,
+                        position: 'right-top',
+                    })
+                },
+                error: function(data) {
+                    $("#image").val("")
+                    $('#upload-image').removeAttr("disabled")
+                    $(disableBtnId).attr("disabled", false)
+                    mdui.snackbar({
+                        message: "请求接口[upload]时，出现了一个致命错误！",
+                        position: 'right-top'
+                    })
+                }
+            })
+        });
 
         function imageVerification(callback) {
             mdui.dialog({

static/main.js

@@ -1,6 +1,6 @@
 function requestApi(functionName, args, callback, showResults, refreshPageWhenSuccess, disableBtnId) {
     $(disableBtnId).attr("disabled", true);
-    setTimeout(function () {
+    setTimeout(function() {
         $(disableBtnId).attr("disabled", false);
     }, 200000)
     $("#isLoading").show(100)
@@ -9,7 +9,7 @@ function requestApi(functionName, args, callback, showResults, refreshPageWhenSu
         url: '/api/' + functionName + '.php',
         data: args,
         dataType: 'json',
-        success: function (rdata) {
+        success: function(rdata) {
             if (showResults) {
                 mdui.snackbar({
                     message: rdata.msg,
@@ -27,21 +27,21 @@ function requestApi(functionName, args, callback, showResults, refreshPageWhenSu
                 callback(rdata)
             }
         },
-        error: function (data) {
+        error: function(data) {
             $("#isLoading").hide(100)
             $(disableBtnId).attr("disabled", false)
             mdui.snackbar({
                 message: "请求接口[" + functionName + "]时，出现了一个致命错误！",
                 position: 'right-top'
             })
-        },
+        }
     })
 }
 
 function search() {
     mdui.prompt('支持从名字、表白内容中搜索', '搜索',
-        function (value) {
-            setTimeout(function () {
+        function(value) {
+            setTimeout(function() {
                 $.pjax({
                     url: '/?search=' + value,
                     container: '#pjax-container'
@@ -53,8 +53,8 @@ function search() {
 
 function jumpPage() {
     mdui.prompt('你要跳转到第几页？', '快速翻页',
-        function (value) {
-            setTimeout(function () {
+        function(value) {
+            setTimeout(function() {
                 $.pjax({
                     url: '?p=' + value,
                     container: '#pjax-container'