一个jQuery插件,用于“静默”上传单个文件
a jquery plugin to upload a single file 'silently'
在我的网络应用程序中,当用户选择该文件并保持在同一html页面上时,我需要上传该文件。我正在寻找一种可能使用 jquery
的非闪存解决方案,并且可以在 Firefox 上运行。
通过谷歌搜索,我遇到了许多插件,其中大多数使用精心设计的 html 页面来显示input widgets / upload status indicators
等。我需要一些我可以像这样使用的东西,使用 ajax。
我的页面.html
<input type="file" id="myfileselect" > </input>
我的.js
$(document).ready(function(){
$('#myfileselect').change(function(e){
//upload the file somehow
}
});
这可能吗?有人可以说明我该怎么做吗?
我在所有项目中都使用此插件。用户选择文件后,您只需调用
$('#yourForm).ajaxSubmit()
它将异步上传您的文件。
http://jquery.malsup.com/form/
在您的情况下,您可以这样做:
.HTML
<form id="myForm">
<input type="file" id="myfileselect" > </input>
</form>
杰奎里
$(document).ready(function(){
//set the options here
var options = {
url : 'yourScript.php',
method : 'post'
};
$('#myfileselect').change(function(e){
$('#myForm').ajaxSubmit(options);
}
});
相关文章:
- 仅使用文件对象选择单个文件
- 在ES6中,模块将导致多个网络调用,因为两个模块不能在单个文件中定义
- Grunt imagemin-观察多个文件/文件夹优化单个文件
- Vue.js:如何在单个文件组件中指定道具
- Dropzone.js-上传文件夹结构和单个文件
- jQuery文件上传库:如何点击单个文件进行上传
- 在单个文件中需要js和多个已编译的Handlebar.js模板
- TypeScript 1.8,多个.ts文件中的单个文件-应用程序结构
- 将 JavaScript 缩小的文件压缩为单个文件
- 使用文件输入选择多个 FIle 时删除单个文件
- 如何从单个文件导出多个类
- 使用单个文件集成整个Yeoman,AngularJS项目
- 在 node.js 中的单个文件中调用两个函数
- 使用 RejamableJS 取消、中止和重试单个文件上传
- 将行添加到文件时,如何使用单个文件描述符或流检测和读取它们
- 与 requirejs 连接并排除单个文件
- 如何在plupload中获取队列的总文件大小而不是单个文件大小
- 在浏览器中使用javascript将HTML页面的所有外部资源嵌入到单个文件中
- blueimp文件上载的单个文件上载问题
- grunt contrib clean不删除单个文件