修改 上传二维码逻辑

liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/qrCode/addQrCode.html

@@ -20,46 +20,64 @@
         </div>
 
         <div class="form-group">
-            <label class="col-sm-3 control-label is-required">生成数量：</label>
             <div class="col-sm-8">
-                <input name="count" class="form-control" type="number" required>
+                <input id="fileinput10" type="file">
             </div>
         </div>
 
         <div class="form-group">
             <label class="col-sm-3 control-label is-required">图片地址：</label>
             <div class="col-sm-8">
-                <input name="url" class="form-control" type="text" required>
+                <input id="iptUrl" name="url" class="form-control" type="text" required readonly>
             </div>
         </div>
     </form>
+
+    <div class="cover_pop" style="display: none">
+        <div class="pop_inner">
+            <div class="wrapper wrapper-content animated fadeInRight ibox-content">
+                <div class="file-loading">
+                    <input id="fileinput-demo-1" type="file" name="file" data-browse-on-zone-click="true"
+                           data-msg-placeholder="Select {files} for upload...">
+                    <input hidden id="coverImg" name="coverImg">
+                </div>
+            </div>
+            <div class="pop_btns">
+                <div class="confirm_btn" onclick="popBtn(1)">确认</div>
+                <div class="confirm_btn confirm_cancel" onclick="popBtn(0)">取消</div>
+            </div>
+        </div>
+    </div>
 </div>
 <th:block th:include="include :: footer"/>
+<th:block th:include="include :: bootstrap-fileinput-js"/>
 <script th:inline="javascript">
     var prefix = ctx + "sweet/active";
+    var platformUrl = [[${platformUrl}]];
     $("#form-roadShow-edit").validate({
         focusCleanup: true
     });
 
-    $("#fileinput-demo-1").fileinput({
-        'theme': 'explorer-fas',
-        // 'uploadUrl': "/kylin/banners/upload3",
-        // 'uploadUrl': "http://127.0.0.1:9003" + "/platform/basicServices/alOss/upload",
-        // 'uploadUrl': "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",
-        'uploadUrl': platformUrl + "/platform/basicServices/alOss/upload",
-        "uploadExtraData": {
-            "pathName" : "banner",
-            "buckType" : 1
-        },
-        // overwriteInitial: false,
-        // initialPreviewAsData: true,
-        autoReplace: true,
-        dropZoneTitle: "请上传文件",
-        maxFileCount: 1
-    });
-    $("#fileinput-demo-1").on("fileuploaded", function (event, data, previewId, index) {
-        $('.coverCon').val('https://img.zhengzai.tv/' + data.response.data.ossPath);
-    });
+    $("#fileinput10").change((e) => {
+        if (!e.target.files[0]) {
+            return
+        }
+        var formData = new FormData();
+        formData.append("file", e.target.files[0]);
+        $.ajax({
+            url: "http://devplatform.zhengzai.tv" + "/platform/basicServices/alOss/upload",//路径是你控制器中上传图片的方法，下面controller里面我会写到
+            data: formData,
+            cache: false,
+            contentType: false,
+            processData: false,
+            type: 'POST',
+            success: function (res) {
+                console.log(res, 'res')
+                let imgPath = 'https://img.zhengzai.tv/' + res.data.ossPath;
+                $("#iptUrl").val(imgPath);
+            }
+        });
+    })
 
     function submitHandler() {
         if ($.validate.form()) {