不借助js插件和flash实现不跳转上传文件

1、html页面代码

<input type="button" id="uploadBtn" value="选择文件">

<iframe id="uploadIframe" name="upload-iframe" style="display:none">
</iframe>
<form style="display:none" action="上传文件的后台路径" id="uploadForm" method="post" enctype="multipart/form-data" target="upload-iframe">
<input type="file" name="image" id="uploadFile">
<input type="hidden" name="subFolder" value="test">
</form>

2、js代码

//选择上传文件$("#uploadBtn").click(function(){$("#uploadFile").trigger("click");});//提交上传文件表单$("#uploadFile").change(function(){$("#uploadForm").submit();});//上传文件回调方法$("#uploadIframe").load(function(){var content = $(this).contents().find("body").text();content = eval("(" + content + ")")//后台返回的json内容});

不借助js插件和flash实现不跳转上传文件相关推荐

js插件+UploadFile类实现图片的批量上传
文件上传无疑是web应用中一个非常常用的功能,下面小编给大家分享一下diyUpload.js+ThinkPHP中的UploadFile类实现图片的批量上传. 首先,给大家介绍展示一下具体操作页面: h ...
禁止adobe flash player后台偷偷的上传文件的方法
现在很多人都喜欢看网页电影,可是,你们有没有发现flash player在偷上传文件呢?也许你不相信,flash player也会p2p上传文件,但事实证明,确实如此.上传文件可是会占用上行带宽,从而 ...
egg.js ajax上传文件,egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名...
一.需求 egg.js 的文件上传个人觉得很一般,内置的 multipart 插件并不怎么好用. egg-multipart 也是基于 co-busboy 实现的. egg 官方给的文件上传的示例地址 ...
JS PC端调用摄像头录视频截图上传文件
创建 Catcher 类 class Catcher {URL; // 上传地址dataStream; // 流数据mediaStream; //媒体流mediaRecorder; //录制对象sta ...
解决IE8下上传文件问题，无需flash，无需html5
解决IE8下上传文件问题场景:实现上传文件功能,重写上传按钮样式,并需要得到后台返回的数据来动态修改页面. 要求:不需要flash以及其他额外需要的东西. 尝试过的方法:1.webuploader. ...
bootstrap-fileinput上传文件的插件使用总结----编辑已成功上传过的图片
http://plugins.krajee.com/file-plugin-methods-demo 具体操作 http://plugins.krajee.com/file-preview-manag ...
上传文件插件（plupload）
引入插件: <script src="../../static/js/plupload.full.min.js"></script> /** 上传文件配置* ...
JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...
jquery form插件(ajax)上传文件实现及原理
原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...

不借助js插件和flash实现不跳转上传文件

不借助js插件和flash实现不跳转上传文件相关推荐

最新文章

热门文章