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

简介: 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

目录
相关文章
|
1月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
49 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
JavaScript
vue项目上传服务器之后上传图片功能报错问题解决方案
vue项目上传服务器之后上传图片功能报错问题解决方案
112 0
|
移动开发 JSON 前端开发
前端H5选图预览到上传
在金融性质的App里,选择本地相册图片或者拍照,然后预览并且上传是一个典型的使用场景,比如常见的身份证信息上传。在最近接触的几家银行客户里,都反馈有类似的场景,并且在使用上都或多或少的遇到一些问题,最后找到我们,希望我们提供一些最佳实践。在这里分享下对应场景的一些优化解决方案。
389 0
前端H5选图预览到上传
【异常】插件WebUploader 上传按钮没反应,按F12才会有反应的问题的解决方案
插件WebUploader 上传按钮没反应,按F12才会有反应的问题的解决方案
471 0
|
前端开发
前端生成二维码插件
前端生成二维码 import QRCode from 'qrcodejs2'; 生成二维码是,代码里写 128,然后再用css控制 img的实际大小,达到高清的目的
137 0
|
存储 NoSQL JavaScript
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
232 0
|
Java 网络安全 开发工具
我做了款组件上传的插件
我做了款组件上传的插件
118 0
|
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系统...
5362 0