ppypp伦理天堂,91手机在线视频,免费在线观看黄色毛片,夜夜穞天天穞狠狠穞AV美女按摩

<blockquote id="meiyq"><tfoot id="meiyq"></tfoot></blockquote>

<ul id="meiyq"><pre id="meiyq"></pre></ul>

<strike id="meiyq"></strike>

<ul id="meiyq"><pre id="meiyq"></pre></ul>

<ul id="meiyq"><center id="meiyq"></center></ul>

聯系官方銷售客服

1835022288

028-61286886

二次開發文檔

前端自定義上傳文件方式

創建時間：2021-10-25 10:51:50 更新時間：2024-11-15 09:01:47 文檔糾錯/我來修改此文檔（2）不會操作怎么辦？

本教程用于掌握前端上傳文件的提交過程，開發者可以利用本教程的邏輯，開發出各種形式的文件上傳組件和界面風格樣式。

準備工作：

1、開發者需要在cms后臺創建文件字段，例如在表單自定義字段里面去新建一個File類型的字段，名字我們隨便命名為aa

${xunruicms_img_title}$

記住這個文件字段的名稱是：aa，id是：418.

2、在表單提交頁面的form體內部，去做上傳的動作，示例代碼如下：

<script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<input id="file" type="file" name="file"/> // 這里是html自帶的表單上傳
<input id="dr_file" type="hidden" value="" name="data[aa]"/> // 這里是用于提交給cms的數據，存儲的文件id號
<button type="button" onclick="UpladFile()">上傳文件</button> // 這是上傳按鈕
<button type="button" onclick="UpladFile_jquery()">JQ方式上傳</button> // 這是上傳按鈕
<label id="show_file"></label> // 這是顯示上傳信息的

<script type="text/javascript">

function UpladFile() {
        $('#show_file').html('正在上傳...');
        var fileObj = document.getElementById('file').files[0]; // 獲取文件對象
        var FileController = "/index.php?s=api&c=file&token={dr_get_csrf_token()}&m=upload&fid=418";
        // 接收上傳文件的后臺地址，418是上面的字段id號
        var form = new FormData();
        form.append("author", "xunruicms");  // 可以增加表單數據
        form.append("file_data", fileObj); // 文件對象
        // XMLHttpRequest 對象
        var xhr = new XMLHttpRequest();
        xhr.open("post", FileController, true);
        xhr.onload = function () {
            var json = JSON.parse(xhr.responseText);
            if (json.code) {
                alert('上傳成功');
                $('#dr_file').val(json.id); // 把上傳成功的文件id賦值給表單控件
                $('#show_file').html('上傳成功：'+json.info.url); // 返回文件的url
            } else {
                alert('上傳失?。?#39;+json.msg);
                $('#show_file').html('上傳失?。?#39;+json.msg);
            }
            console.log(json);
        }
        xhr.send(form);
    }

// jquery方式的函數
function UpladFile_jquery() {
        $('#show_file').html('正在上傳...');
        var fileObj = document.getElementById('file').files[0]; // 獲取文件對象
        var FileController = "/index.php?s=api&c=file&token={dr_get_csrf_token()}&m=upload&fid=418";
        // 接收上傳文件的后臺地址，418是上面的字段id號
        var form = new FormData();
        form.append("author", "xunruicms");  // 可以增加表單數據
        form.append("file_data", fileObj); // 文件對象

var FileController = "/index.php?s=api&c=file&token={dr_get_csrf_token()}&m=upload&fid=91";
        // 接收上傳文件的后臺地址，418是上面的字段id號
         $.ajax({
            url:FileController,
            type: "POST",//方法類型
            cache : false,//
            processData: false,
            contentType: false,
            dataType:"json",
            data: form,
            success: function(data){
                if (json.code) {
                        alert('上傳成功');
                        $('#dr_file').val(json.id); // 把上傳成功的文件id賦值給表單控件
                        $('#show_file').html('上傳成功：'+json.info.url); // 返回文件的url
                    } else {
                        alert('上傳失?。?#39;+json.msg);
                        $('#show_file').html('上傳失?。?#39;+json.msg);
                    }
                    console.log(json);
            },error:function(){
                alert("請求失敗!");
            }
        });
    }
</script>

效果如下：

${xunruicms_img_title}$

本文地址：http://www.zbshanke.com/doc/1195.html

技術求助：不會操作怎么辦？點擊前往技術求助！

文檔修改：文檔有誤、不完善、我來提醒官方修改此文檔（2）

相關實例

<strike id="smw8y"></strike>

<tr id="smw8y"></tr>

<strike id="smw8y"></strike>