简单好用的无刷新上传插件

简介: html代码js代码 //文件上传 function doUpload() { // 上传方法 $.

html代码

<input type="button" onclick="doUpload()" value="点击上传" class="del_all"  style="width:80px;height:25px;line-height:25px;margin:0px;">

js代码

<script src="Scripts/jquery.upload.js" type="text/javascript"></script>
<script type="text/javascript">
            //文件上传
            function doUpload() {
                // 上传方法
                $.upload({
                    // 上传地址
                    url: '/web_message/upload.ashx',
                    // 文件域名字
                    fileName: 'filedata',
                    // 其他表单数据
                    params: { name: 'pxblog' },
                    // 上传完成后, 返回json, text
                    dataType: 'json',
                    // 上传之前回调,return true表示可继续上传
                    onSend: function () {
                        return true;
                    },
                    // 上传之后回调
                    onComplate: function (data) {
                        $("#userface").attr("src", data);
                        $("#imgsrc").attr("value", data);
                    }
                });
            }
</script>

上传服务端代码

查看博客c#最齐全的上传文件方法

附近下载

上传文件js

目录
相关文章
|
2月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
61 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
5月前
|
JSON JavaScript 前端开发
用js脚本下载某书的所有文章
用js脚本下载某书的所有文章
64 0
|
前端开发
ueditor 百度富文本编辑器后端配置(上传图片)
ueditor 百度富文本编辑器后端配置(上传图片)
432 0
|
移动开发 JSON 前端开发
前端H5选图预览到上传
在金融性质的App里,选择本地相册图片或者拍照,然后预览并且上传是一个典型的使用场景,比如常见的身份证信息上传。在最近接触的几家银行客户里,都反馈有类似的场景,并且在使用上都或多或少的遇到一些问题,最后找到我们,希望我们提供一些最佳实践。在这里分享下对应场景的一些优化解决方案。
393 0
前端H5选图预览到上传
|
前端开发
前端生成二维码插件
前端生成二维码 import QRCode from 'qrcodejs2'; 生成二维码是,代码里写 128,然后再用css控制 img的实际大小,达到高清的目的
141 0
|
Java 网络安全 开发工具
我做了款组件上传的插件
我做了款组件上传的插件
121 0
|
JavaScript 前端开发
干货 | web自动化总卡在文件上传和弹框处理上?
在有些场景中,需要上传文件,而 Selenium 无法定位到弹出的文件框,以及网页弹出的提醒。这些都是需要特殊的方式来处理。 input 标签使用自动化上传,先定位到上传按钮,然后 send_keys 把路径作为值给传进去. 如图所示,是企业微信文件上传的页面 定位到标签为 input,type 为 file 的元素信息,然后使用 send_keys 把文件路径作为值给传进去。 ![](h
|
PHP 数据格式 XML
给微赞程序富文本编辑器加上传附件功能
微赞程序中,新闻编辑中,使用的ueditor,做了定制,去掉了一些按钮,但是一些情况下需要上传附件 如果给ueditor加上上传附件的图标,富文本编辑的调用是使用了以下函数的 function tpl_ueditor($id, $value = '', $options = array()) { 函数所在位置在/web/common/tpl.func.php这个文件中约985
2348 0
|
存储 前端开发 JavaScript
移动端实现多图上传、文件上传及下载和vue多图片上传组件
js+css实现手机端的多图片上传,为了方便使用,css和js都未内联,为性能建议使用时改为外联; 如要用到pc端,直接去掉px转换为rem的js代码,修改单位即可; 因multiple在安卓手机中不兼容,所以在安卓上只能一次选中一张图片,在iOS系统...
5374 0