• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax异步上传文件实例代码分享

    非常不多说,直接给大家上干货,写的不好还请见谅。

    具体代码如下所示:

    !DOCTYPE html>
    html>
    head>
    meta name="viewport" content="width=device-width" />
    script src="~/Scripts/jquery-1.8.2.min.js">/script>
    title>Index/title>
    script>
    $(function() {
    $(':button').click(function () {
    var formData = new FormData();
    var file = $("input[type='file']")[0].files[0];
    formData.append("files", file);
    $.ajax({
    url: '/Upload/Upload', //server script to process data
    type: 'POST',
    //Ajax事件
    //beforeSend: beforeSendHandler,
    //success: completeHandler,
    //error: errorHandler,
    // Form数据
    data: formData,
    //Options to tell JQuery not to process data or worry about content-type
    cache: false,
    contentType: false,
    processData: false
    });
    });
    });
    /script>
    /head>
    body>
    form enctype="multipart/form-data">
    input name="file" type="file" multiple="multiple" />
    input type="button" value="Upload" />
    input type="text" name="userName" value="ice" />
    /form>
    /body>
    /html>

    以上代码是小编给大家分享的Ajax异步上传文件实例代码,希望对大家有所帮助,如果大家有疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • ajax实现异步文件或图片上传功能
    • ajax图片上传,图片异步上传,更新实例
    • ajax 异步上传带进度条视频并提取缩略图
    • Ajax异步文件上传与NodeJS express服务端处理
    • ajax实现文件异步上传并回显文件相关信息功能示例
    • jquery中的ajax异步上传
    • Ajax表单异步上传文件实例代码(包括文件域)
    • 表单上传功能实现 ajax文件异步上传
    • ajax异步实现文件分片上传实例代码
    上一篇:完美解决ajax访问遇到Session失效的问题
    下一篇:ajax内部值外部调用不了的原因及解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    Ajax异步上传文件实例代码分享 Ajax,异步,上传,文件,实例,