如何在Joomla模块中通过JavaScript发送输入文件类型
how to send a input file type via javascript in joomla modules
我想将一个带有javascript的文件发送到php文件。
我的 php 文件中有这个表单
<form action="" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file1"><br>
<p id="poi">upload</p>
<p id="plo"></p>
</form>
并在JS文件中白化此代码
jQuery(document).on("click","#poi",function(){
var objfile=new FormData();
var file=jQuery("#file1").get(0).files[0];
objfile.append("iefile078",file);
var ajax ;
ajax.upload.addEventListener("progress" ,progresshandler ,false);
function progresshandler(){
jQuery("#plo").text("uploading ....");
}
ajax.open("POST","helper.php");
ajax.send(objfile);
});
当我单击页面上的"上传"时,此功能正确触发。
我想在上传正在进行"上传...."显示给用户。
另外,我想将此文件发送到助手.php文件。
在这种情况下,如何将 open() 和 send() 函数的属性设置为将上传到帮助程序的文件传递到.php?
这是我的文件结构和我的表单默认位置.php
js
jquery.js
tmpl
default.php
helper.php
mod_upload.php
mod_upload.xml
试试这个:
$(document).on("click","#poi", function(e) {
e.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
url: 'helper.php',
type: 'POST',
data: formData,
async: false,
beforeSend: function() {
$("#message1").show().html("uploading...");
},
success: function(data) {
$("#message1").fadeOut();
$("#container").html(data);
},
cache: false,
contentType: false,
processData: false
});
});
相关文章:
- 我怎样才能得到“__类型“;用javascript输入json
- 如何获取javascript输入并在html中调用它
- JavaScript - 输入按钮隐藏 - 不起作用
- 选中复选框时启用Javascript输入类型,未选中复选框则禁用
- JavaScript-输入不是数字时提示
- Javascript:输入框-自动大写第一个字母,但可以重写
- Javascript输入格式
- 来自键盘的JavaScript输入没有“prompt()”方法弹出窗口(如Pascal Readln或GWiBasic输
- JavaScript 输入值问题
- Javascript输入更改
- Javascript输入问题
- JavaScript 输入字段不可编辑
- 动态生成的 Javascript 输入字段无法被 Httpservletrequest 识别???仅在 Chrome 中
- JavaScript 输入标签未设置 ID 或类
- JavaScript 输入字段验证
- 如何使用 javascript 输入 2 个框
- 直接从Javascript输入/传递图像到输入类型=“文件名”
- 如何显示双引号以通过javascript输入
- HTML5/Javascript 输入只读状态在 IOS 上使用 XCode 滑动
- Javascript 输入到 HTML 表单 onSubmit 与 # 操作到 PHP $_GET(同一文件上的所有代码