input file 選擇Excel

阿新 • • 發佈：2019-01-17

代碼 org src sys pread false 控制 themes mvc4

說明：開發環境 vs2012 asp.net mvc4 c# ,使用file 選擇Excel文件傳到後臺使用Aspose.Cells獲取Excel sheet頁的名稱

1、HTML代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EasyuiCombotree.aspx.cs" Inherits="MvcAppTest.EasyuiCombotree" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Easyui Combotree 測試</title>
    <link href="Easyui/themes/default/easyui.css" rel="stylesheet" />
    <script src="Easyui/jquery-1.7.2.js"></script>
    <script  
src="Easyui/jquery.easyui.min.js"></script>
    <script src="Easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="JS/jquery.form.js"></script>
    <script type="text/javascript">
        $(function () {
            $(‘#ee‘).combobox({              
                valueField:  
‘id‘,
                textField: ‘text‘,
                editable: false,//不可編輯，只能選擇
                disabled: false,
                value: ‘選擇sheet‘
            });
        });
        function getGSParam()
        {
            var objModel = $(‘#fileID‘).val();
            if (objModel == ‘‘) {
                alert(‘請選擇文件‘);
            } else {                
                var valText = objModel.split(‘.‘);
                if (valText[1] == ‘xlsx‘ || valText[1] == ‘xls‘) {
                    var f = $(‘#form1‘);
                    f.ajaxSubmit({
                        url: ‘Home/getGSParamNew‘,
                        data: { OffID: ‘100‘ },
                        type: ‘post‘,
                        async: false,
                        success: function (data) {
                            console.log(data);
                            //var data01 = $.parseJSON(data);
                            $("#ee").combobox("loadData", data);
                        },
                        error: function (data) {
                            alert(‘數據未填寫規範，請參照規範指南‘);
                        }

                    });
                }
                else {
                    alert(‘請選擇Excel數據表‘);
                }
            }
   
        }
    </script>
</head>
<body>
    <div>
    <form id="form1" enctype="multipart/form-data">
    <input id="fileID" type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" name="files" />
    </form>
    <div>
        <div><span>傳參獲取Excel數據表的sheet名稱</span></div>
        <div><input id="ee" name ="ee" value=""/></div>
        <input type="button" value="獲取sheet" onclick="getGSParam()" style="width:120px;" />
    </div>
</body>
</html>

2、Home控制器後臺代碼

   using Aspose.Cells;
  
 public JsonResult getGSParamNew(string OFFID, HttpPostedFileBase files)
        {
           
            List<ComboModel> myList = new List<ComboModel>();
            Workbook book = new Workbook(files.InputStream);
            WorksheetCollection myColection = book.Worksheets;
            int k1 = myColection.Count;
            for (int i = 0; i < k1; i++)
            {
                ComboModel model = new ComboModel() { id = i, text = myColection[i].Name };
                myList.Add(model);
            }
            return Json(myList, JsonRequestBehavior.DenyGet);
        }

   public class ComboModel
    {
        public System.Int32 id { get; set; }
        public System.String text { get; set; }
    }

3、引用文件下載地址

Aspose.Cells引用地址

鏈接：https://pan.baidu.com/s/14ILv4vYkE5dVCbdsZApucA
提取碼：dlyu

Easyui引用文件地址

鏈接：https://pan.baidu.com/s/1KxL2QeVEbEVHU9UxV6LBWw
提取碼：cwbd

input file 選擇Excel

代碼 org src sys pread false 控制 themes mvc4 說明：開發環境 vs2012 asp.net mvc4 c# ,使用file 選擇Excel文件傳到後臺使用Aspose.Cells獲取Excel sheet頁的名稱 1、HTML代碼

input:file 選擇多個文件用FileReader讀取為二進制

tails csdn type event對象進制調用 upload chan change 1.http://blog.csdn.net/jackfrued/article/details/8967667 關於FileReader的詳細API 2.關於<inpu

input file選擇檔案上傳後清空選擇框檔案資訊兩種解決方案

上傳檔案時,選擇了檔案後想清空檔案路徑。用兩種方法解決 <input type="file" id="fileupload" name="file" /> 第一種: var obj =

Input File選擇圖片後，未保存預覽

ttr 簡單 creat his 元素預覽圖片 file code hang 今天實現上傳圖片到服務器簡單的jQuery實現input file選擇圖片後，可以預覽圖片的效果簡單的HTML代碼： 1 <div> 2 <img src="" clas

input file彈出框選擇文件後綴限制

nbsp ima detail bsp 才有 log uno 技術分享菜鳥在頁面選擇文件時的彈出框默認顯示的是所有類型的文件，有時候文件太多不好選擇，我們就要過濾掉不想展示的文件，這是需要用到input的accept屬性，只有在type="file"才有效菜鳥教程：h

IE8 下更改input[file] file檔案選擇框樣式

1/使用絕對定位，將檔案選擇框固定，並且隱藏該選擇框（檔案選擇框可調整寬高），設定該檔案選擇框 z-index 調高比如 999。 2/使用任意標籤，調整為與上面選擇框相同寬高，目的為使用該標籤樣式覆蓋選擇框，但是實際觸發事件依然是在選擇框上，因為z-index級別比該元素

將input file的選擇的檔案清空的兩種解決方案

上傳檔案時,選擇了檔案後想清空檔案路徑，搜尋了一下，用兩種方法解決第一種 var obj = document.getElementById(‘fileupload’) ; obj.s

input file 預覽圖片、上傳後清空選擇文字框資訊

1.上傳檔案之後，想預覽上傳的圖片，input框的accept限制上傳檔案的型別，multiple為多檔案上傳，<div id="imglist"></div>用於存放圖片。ht

input file 實現拍照上傳和選擇相簿等檔案

直接寫 <input type="file" accept="image/png,image/jpg"> 這樣的格式只能通過檔案管理器選擇圖片當需要實現手機拍照上傳的時候,需要多加一個屬

JavaScript將input file的選擇的檔案清空的兩種解決方案

上傳檔案時,選擇了檔案後想清空選擇的檔案,有兩種解決方案 <input type="file" id="file1" name="file1" /> 第一種： var obj = doc

將input file的選擇的檔案清空

上傳檔案時,選擇了檔案後想清空檔案路徑，搜尋了一下，用兩種方法解決 <input type="file" id="fileupload" name="file" /> 第一種: var obj = document.getElementById

html5移動端input file可進行拍照和選擇圖片

<input id="fileImage" class="fileImage" type="file" accept="image/*" capture="camera" size="30"> accept="image/*;capture=camera" 直

解決跳轉出現 No input file specified.

yml follow options rule input ces 跳轉 file engine 項目根目錄中.htaccess文件修改為： <IfModule mod_rewrite.c> Options +FollowSymlinks RewriteEn

【轉】HTML5的 input:file上傳類型控制

ati err format spa asi 拖拽 pdf 按鈕 shee 一、input:file屬性屬性值有以下幾個比較常用： accept：表示可以選擇的文件MIME類型，多個MIME類型用英文逗號分開，常用的MIME類型見下表。 multiple：是否可以選擇多個

input 時間選擇框

onclick ade ref type -c pts epic orm shee <script src="~/Scripts/web-uploader-015/webuploader.js"></script> <script

wordpress提示No input file specified的解決辦法

低版本有效 win clas title rdp 更改 ini 回復最近wordpress搬家到了win上面，發現打開網站提示“No input file specified.”。度娘一下，各種回復更改php.ini文件的，但是各種折騰發現都沒有效果。苦苦鉆研，咳咳。

HTML5的 input:file上傳類型控制

name script pdf ava format openxml doc all reads 屬性值有以下幾個比較常用： accept：表示可以選擇的文件MIME類型，多個MIME類型用英文逗號分開，常用的MIME類型見下表。 multiple：是否可以選擇多個文件，多

Chrome瀏覽器點擊 input file上傳按鈕時延遲3-5秒的解決方法

chrome瀏覽器 input file1. Google chrome 瀏覽器在52版本之後出現一個bug，就是點擊 input file上傳按鈕時反應很慢，需要等待3-5秒種之後才能彈出選擇文件的對話框。比如windows裏可能是這樣：MAC裏可能是這樣：Chrome瀏覽器點擊 input file上傳

input file類型，文件類型的限制

suv dxf mp3 pdf bce ppt ava mp4 ice input type=‘file‘的文件類型限制：“自定義文件” “所有文件” “自定義文件”：是來自accept屬性的限制直接限制input type=‘file‘的文件類型限制，通過accept

Jquery 清空input file的值

parent obj query find input 清空 jquer ren val var file = $(obj).parent().find(".fileData"); $(file).val(‘‘);Jquery

input file 選擇Excel

相關推薦