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

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

目录
相关文章
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
173 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
小程序 JavaScript
微信小程序 tdesign图片上传组件 上传到服务器
微信小程序 tdesign图片上传组件 上传到服务器
|
移动开发 JSON 前端开发
前端H5选图预览到上传
在金融性质的App里,选择本地相册图片或者拍照,然后预览并且上传是一个典型的使用场景,比如常见的身份证信息上传。在最近接触的几家银行客户里,都反馈有类似的场景,并且在使用上都或多或少的遇到一些问题,最后找到我们,希望我们提供一些最佳实践。在这里分享下对应场景的一些优化解决方案。
403 0
前端H5选图预览到上传
【异常】插件WebUploader 上传按钮没反应,按F12才会有反应的问题的解决方案
插件WebUploader 上传按钮没反应,按F12才会有反应的问题的解决方案
510 0
|
JavaScript 前端开发
uploadify图片上传插件使用实例
1、uploadify插件库引用 2、uploadify应用代码 $('#uploadify').uploadify({ 'uploader': '.
1053 0
|
Java 网络安全 开发工具
我做了款组件上传的插件
我做了款组件上传的插件
131 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
2357 0
|
Java 应用服务中间件 nginx
百度编辑器(ueditor)不支持上传图片到独立服务器?
百度编辑器(ueditor)不支持上传图片到独立服务器?http://www.bieryun.com/1596.html 项目用到了百度编辑器,感觉很高大上,突然发现这货上传的图片时,它总会放到当前项目的目录下,它的配置文件config.json 这里这个imagePathFormat就是保存路径了,它会默认在这个路径前面拼上一个根目录,所以你传的文件都被放在根目录下。
2816 0