Ajax表单提交上传文件代码,Js代码库,德仔网

代码语言

代码分类

【Js】 Ajax表单提交上传文件

作者: / 发布于2017/9/11/ 305

Ajax表单提交上传文件：
html 部分：
<form id="uploadForm" enctype="multipart/form-data">  
         <label>背景图片:</label>  
         <input id="file" type="file" name="file" />  
         <input value="background" name="type" style="display:none" />  
         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="ajaxFileUpload()" style="width:80px">上传背景</a>  
</form>  



Ajax 部分：
//--------------------------------------------  
       //上传背景图片  
       function ajaxFileUpload() {  
               $.ajax({  
                       url: 'xxx',  
                       type: 'POST',  
                       cache: false,   //上传文件不需要缓存  
                       data: new FormData($('#uploadForm')[0]),  
                       processData: false,  
                       contentType: false  //且已经声明了属性enctype="multipart/form-data"，所以这里设置为false。  
                   }).done(function (res) { //完成   
                   }).fail(function (res) { //失败  
                });  
       }  



后台部分：保存为Base64的字符串

/// <summary>  
///上传图片信息  
/// </summary>  
/// <param name="request"></param>  
/// <returns></returns>  
public object GetFileImgUploade(RequestContext request)  
{  
    try  
    {  
        var file = request.HttpContext.Request.Files["file"];  
        var filetype = Path.GetExtension(file.FileName);  
        var type = request.HttpContext.Request["type"];  
        Stream stream = file.InputStream;  
        byte[] bytes = new byte[stream.Length];  
        stream.Read(bytes, 0, bytes.Length);  
        // 设置当前流的位置为流的开始  
        stream.Seek(0, SeekOrigin.Begin);  
        string inputString = System.Convert.ToBase64String(bytes, 0, bytes.Length);  
        return new { success = true, msg = "上传成功", };  
    }  
    catch (Exception ex)  
    {  
        return new { success = false, msg = "系统异常" };  
    }  
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label