jQuery模拟弹窗选择文件,以及ajax文件上传

摘要:
没什么好说的,看看代码就知道了。它最初是我自己录制的。

没什么可以说的,直接看代码吧。本来也是自己记录的。

说明:

$.messager,
$.F.refreshSubForm均是自定义方法。不用管
主要看方法:
fileUploadRyxx
// 构建弹窗,选择文件
function fileUploadRyxx( callback, accept = "" ) {
    let a = document.createElement( "input" ) ;
    a.type = "file" ;
    a.accept = accept ;
    a.onchange = ( ) => { if ( a.files.length > 0 ) callback( a.files[0] ) ; } ;
    a.click( ) ;
}

// 导入数据
function cyryxx_import(file){
    var form = new FormData();
    form.append("file", file);
    form.append("formId", "8fea2b0e-f26a-4892-94bd-aa72a2712377");
    form.append("parentRid", "::F8DF01752A392F40FB81");
    form.append("jid", "");
    $.ajax({
        url: "url",
        type: "post",
        data: form,
        async: false,
        processData: false,
        contentType: false,
        success: function(data) {
            $.messager.notice({
                type: "info",
                title: "提示",
                desc: "导入成功",
            });
            $.F.refreshSubForm("F8DF01752A392F40FB81");
        },
        error: function(e) {
            $.messager.notice({
                type: "error",
                title: "错误提示",
                desc: "导入失败," + e.responseJSON.msg,
            });
        }
    });
}
fileUploadRyxx(cyryxx_import);

免责声明:文章转载自《jQuery模拟弹窗选择文件,以及ajax文件上传》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇.net c# 日期格式和常用处理使用rsync 的 --delete参数删除目标目录比源目录多余的文件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery设置聚焦并使光标位置在文字最后

遇到一个问题:表单输入框设置了文字,然后使用jQuery的焦点停留设置办法focus()进行处理。结果发现光标位置在firefox下停留的位置不对——停留在文字的最前边! 只有IE浏览器下是正常的。这样的话肯定是不行的,于是想办法进行处理。 代码有很多种,下面给出: 方法一: [javascript]view plaincopy functions...

idea导入jquery无法生效问题jQuery is not defined

问题说大不大,新手尝试学习使用idea,之前用的一直是eclipse,但是再练习表单验证的时候,发现jquery无法生效,路劲都对,浏览器上就是报错,在网上找到各种各样的说法,害,懂的自然懂。下面是问题: 因为jquery.js是我之前一直用的,下载了一个jquery.Validata.js,导入之后就出现了如此问题,在经过几个小时之后突然看到一篇文章...

18款 非常实用 jquery幻灯片图片切换

1、jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换。 查看演示>>          下载地址 2、jquery图片切换插件制作图片层叠缩放展示效果jquery图片插件制作图片等比列缩放层叠样式,图片叠加展示。点击层...

jQuery LigerUI 插件介绍及使用之ligerGrid

一,简介 ligerGrid的功能列表: 1,支持本地数据和服务器数据(配置data或者url) 2,支持排序和分页(包括Javascript排序和分页) 3,支持列的“显示/隐藏” 4,支持明细行(表格内嵌) 5,支持汇总行 6,支持单元格模板 7,支持编辑表格(ligerGrid的一个特色,需要其他表单插件的支持) 8,支持树表格(待加入) 8,支持分...

Django(七)

一、ModelForm操作及验证 1、class Meta:class Meta: #注意以下字段不能加逗号 model = models.UserInfo #这里的all代指所用的字段,也可以是一个列表,里面是model中的字段 fields = '__all__' # fields = ['username','user_type...

AJAX全套

概述  对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上。 AJAX类似于偷偷像后台发送数据。 1、传统的Web应用 一个简单操作需要重新加载全局数据 2、AJAX AJAX,Asynchronous JavaScript and XML (异步的Ja...