ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

input[type="file"]文件上传并保存

2022-01-27 14:34:23  阅读:218  来源: 互联网

标签:function 文件 false 上傳 file var input type


1. asp上传文件控件

<asp:FileUpload ID="fpUploadFile" runat="server" onChange="onFileChange()" />
//文件上傳改變事件
function onFileChange() {
    var file = document.getElementById("fpUploadFile");
    var uploadFileName = file.value;
    var fileExp = uploadFileName.substring(uploadFileName.lastIndexOf(".") + 1).toLowerCase();
    
    //检验文件格式
    if (fileExp!= "xls") {
        alert("請上傳xls文件!");
    }
};

后端(.cs文件)保存上传文件


UploadFile(this.fpUploadFile, "E:/xxxxx.xls");
#region 保存上傳文件
/// <summary>
/// 保存上傳文件
/// </summary>
/// <param name="fileUpload">上傳文件控件</param>
/// <param name="saveFilePath">保存文件路勁</param>
/// <returns></returns>
private void UploadFile(FileUpload fileUpload, string saveFilePath)
{
    try
    {
        if (fileUpload.HasFile)
        {
            string parentDir = Path.GetDirectoryName(saveFilePath);

            if (!Directory.Exists(Server.MapPath(parentDir)))
                Directory.CreateDirectory(Server.MapPath(parentDir));

            fileUpload.SaveAs(saveFilePath);
        }
    }
    catch (Exception Err)
    {
        throw Err;
    }
}
#endregion

2. 前后端分离时,上传文件

<input type="file" id="txtFile" onchange="onFileChange()" />
//文件上傳改變事件
function onFileChange() {
    var file = document.getElementById("txtFile");
    if (file) {
        var uploadFileName = file.value;
        var fileExp = uploadFileName.substring(uploadFileName.lastIndexOf(".") + 1).toLowerCase();
        //上傳的文件格式
        var exp = filePath.substring(filePath.lastIndexOf(".") + 1).toLowerCase();

        //检验文件格式
        if (exp != "xls" && exp != "xlsx") {
            alert("請上傳xls或xlsx文件!");
            return false;
        }

        var formData = new FormData();
        formData.append("file", file.files);

        $.ajax({
            type: "POST",
            url: "url",
            data: formData,
            processData: false,
            contentType: false,
            async: false,
            cache: false,
            success: function (res) {
            },
            error: function (res) {
                alert("文件上傳失敗!");
            }
        });
    }
};

 ashx保存上传文件

//處理上傳文件
private void UploadFile()
{
    if (this.context.Request.Files != null && this.context.Request.Files.Count > 0)
    {
        HttpPostedFile file = this.context.Request.Files[0];
        
        string saveDir = "E:/aaaaa";
        string saveFilePath = string.Format("{0}/{1}", saveDir, file.FileName);

        //創建文件目錄
        if (!Directory.Exists(saveDir))
            Directory.CreateDirectory(saveDir);
        
        //保存文件
        file.SaveAs(saveFilePath);
    }
}

3.扩展ext.js的上传文件控件

{
    fieldLabel: "选择文件",
    xtype: "textfield",
    inputType: "file",
    id: "extUploadFile",
    name: "extUploadFile",
    width: 250,
    labelWidth: 70,
    labelAlign: 'right',
    listeners: { 
        render: function () {
            Ext.fly(this.el).on('mousedown', function (event, inputEl) {
                //alert("xxxxxx");
                //return false;
            });
        },
        change: onFileChange 
    }
}

 

标签:function,文件,false,上傳,file,var,input,type
来源: https://www.cnblogs.com/2625664742-chanyk/p/15846424.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有