Extjs 使用ajax上传文件,解决Object #<HTMLDivElement> has no method 'submit'

1、使用isUpload上传文件,并不是通过XMLHttpRequests进行上传的,extjs的实现原理是通过隐藏的iframe进行提交。
     ExtJs通过强大的内部封装,使ajax请求看起来可以直接提交二进制流数据。每当提交文件数据时,ExtJs会自动创建iframe,在iframe中提交。提交完成      后又自动移去,一切显得天衣无缝。
2、前台js代码,跟普通ajax就多了,form:"form表单ID" ,isUpload: true
<h1>Ajax文件上传</h1> 
<div class="content" id="div2"> 
<form id="form1"> 
请选择文本文件:<input type="file" name="file" /> 
<input type="button" id="button1" value="上传" /> 
</form> 
</div>
//文件上传 
Ext.get("button1").on("click", function () { 
    Ext.Ajax.request({ 
        url: "Ajax_FileUp", 
        isUpload: true, 
        form: "form1", 
        success: function (response) { 
            Ext.MessageBox.alert("上传成功,文本文件内容:", response.responseText); 
        } 
    }); 
});

注意ajax中配置的form,必须是html中存在的form的id,而不是Ext.form.Panel的id
 var form1=Ext.create('Ext.form.Panel',{
         id:'form1', 




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值