0 0

ajaxFileUpload 文件上传问题0

<input type="file" id="attachfile1" name="attachfile1" />
<input type="button" id="upload1" name="upload1" onclick="selectFile()" value="..."/>
js:
function selectFile(){
$('#attachfile1').click();
}

如上所示:
有一个file 和 一个button 用 ajaxFileUpload上传文件,
第一种情况:用file选择文件,再调用ajaxFileUpload,可以上传到后台;
第二种情况:用按下button,触发file的click事件,选择文件,再调用ajaxFileUpload,后台无反应,我把input的name="attachfile1"属性去掉,能进到后台的上传方法,但是因为没有name属性,那些文件名都是空
为什么呢?
谢谢!!!!
2015年1月06日 15:24

3个答案 按时间排序 按投票排序

0 0

采纳的答案

出于安全问题,不允许你用script去给文件框执行click事件。
有的浏览器根本不会触发事件(根本不会弹出文件选择框),
有的浏览器可以触发事件,但是文件不会被上传。

估计你是想把按钮给做成自己想要的效果,那么可以换个思路。
比如把文件框给变成透明的,然后在它的文件选择按钮的下面,布置一个你自己效果的按钮。因为它是透明的,所以用户看到的是你自己效果的按钮,当用户点击你自己效果按钮的时候,实际上是点击到了透明的文件选择按钮,这样就和你第一个测试是一个效果了。

2015年1月06日 17:47
0 0

百度 google

2016年8月22日 15:39
0 0

这样试试

<form>
<input type="file" id="attachfile1" name="attachfile1" /> 
</form>
<input type="button" id="upload1" name="upload1" onclick="attachfile1.click();" value="..."/> 

2015年1月06日 16:05

相关推荐

    ajaxfileupload文件上传js

    通过ajaxfileupload实现JS的文件上传

    $.ajaxFileUpload 文件上传

    $.ajaxFileUpload 针对文件上传进行了优化,处理了文件二进制数据的传输问题。 该插件的工作原理如下: 1. 用户选择要上传的文件后,$.ajaxFileUpload 将这些文件封装成FormData对象。 2. 使用Ajax调用,创建...

    AjaxFileUpload 文件上传

    AjaxFileUpload 是一个专门用于实现异步文件上传的JavaScript组件,它利用了Ajax技术,让用户可以在不刷新页面的情况下完成文件上传,提供了更为流畅和友好的用户体验。 AjaxFileUpload 的核心原理在于利用Ajax...

    ajaxfileupload多文件上传

    **AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...

    关于ajaxfileupload 文件上传实例

    在Web开发中,文件上传是一项常见的功能,AjaxFileUpload是一个基于JavaScript和AJAX技术的文件上传组件,它允许用户在不刷新页面的情况下实现异步文件上传。本实例将重点讲解如何在Spring MVC框架下利用...

    ajaxfileupload1.0.zip 文件无刷新上传代码

    这个压缩包“ajaxfileupload1.0.zip”提供了一种实现无刷新文件上传的解决方案。无刷新上传,也称为异步文件上传,是现代网页应用中常用的一个功能,它允许用户在不重新加载整个页面的情况下发送文件到服务器。这种...

    解决ajaxfileupload.js在IE9,firefox下文件超大无效

    本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述 当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时,在IE9和Firefox浏览器中可能...

    AJAXFileUpload ajax 异步文件上传 进度条

    AJAXFileUpload是一种基于AJAX技术的异步文件上传组件,它允许用户在不刷新页面的情况下上传文件,并且可以实时显示上传进度,提供良好的用户体验。本文将深入探讨AJAXFileUpload的工作原理、实现方式以及其在实际...

    django+ajaxfileupload文件上传demo

    在本文中,我们将深入探讨如何使用Django框架与AjaxFileUpload库实现一个文件上传的示例。Django是一个流行的Python Web开发框架,它提供了一系列强大的功能来构建高效、安全的Web应用。AjaxFileUpload则是一个...

    php+ajaxfileupload+文件上传进度条

    2. **AJAXFileUpload**: AJAXFileUpload是基于jQuery的一个插件,用于实现异步文件上传。它利用Ajax技术,使得文件上传无需刷新页面即可完成。这极大地提升了用户体验,因为用户可以在上传文件的同时继续浏览其他...

    ajaxFileUpload文件上传

    `ajaxFileUpload`是基于JavaScript和jQuery的一个插件,它利用Ajax技术实现了文件的异步上传,避免了传统文件上传时页面刷新带来的用户体验问题。通过在后台处理文件上传,前端可以实时显示上传进度和结果,增强了...

    ajaxfileupload.js用于文件上传

    ajaxfileupload.js用于文件上传

    ajaxfileupload 文件上传工具类使用

    **AjaxFileUpload是JavaScript中一个常用的文件上传工具类,它基于AJAX技术,可以在不刷新页面的情况下实现文件的异步上传。这个工具类通常被用于Web应用中,以提升用户体验,因为它允许用户在后台处理文件上传,而...

    ajaxFileUpload上传文件

    ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件

    ajaxfileupload.js多文件上传

    ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传

    AjaxFileUpload实现文件上传

    AjaxFileUpload是基于JavaScript和AJAX技术的一种实现文件上传的方式,它允许用户在不刷新整个页面的情况下进行文件上传,提供了一种更为流畅的用户体验。在本文中,我们将深入探讨AjaxFileUpload的工作原理、如何...

    AjaxFileUpload 文件下载

    `AjaxFileUpload`是一个基于jQuery的插件,专门用于实现异步文件上传功能,它极大地优化了用户体验,避免了传统表单提交带来的页面刷新问题。这篇内容将详细介绍`AjaxFileUpload`插件的核心原理、使用方法以及常见...

    ajaxfileupload实现异步式上传文件

    **AjaxFileUpload实现异步文件上传详解** 在Web开发中,传统的文件上传方式通常会导致页面刷新,用户体验不佳。为了提供更好的交互性,开发者通常会采用异步文件上传技术,AjaxFileUpload就是这样一个JavaScript库...

    文件上传 ajaxfileupload.zip

    标题中的“文件上传 ajaxfileupload.zip”提示我们这个压缩包可能包含了一个用于实现文件上传功能的JavaScript库,名为“ajaxfileupload.js”。在Web开发中,文件上传是常见且重要的功能,尤其在需要用户提交图片、...

    ajaxfileupload异步上传文件

    AjaxFileUpload是一种基于JavaScript和Ajax技术的文件上传组件,它允许用户在不刷新整个页面的情况下实现文件的异步上传,极大地提升了用户体验。这个组件广泛应用于Web应用程序,特别是在那些需要即时上传文件或者...

Global site tag (gtag.js) - Google Analytics