`
viproc
  • 浏览: 46124 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

php jquery之ajax上传文件 ajaxfileupload.js

    博客分类:
  • php
阅读更多

在用PHP上传文件时我们只能用$_FILES数组,如果我们只是单一的用JS方式取其ID,如<input id='img' type='file'>..document.getElementById('img').value或者jquery形式的$("#img")都是不能正真实际上传的。
可是功能上又要要求实现所谓的“异步上传”,怎么办呢?只能借助于第三方的组件,或者自己写一个。但如果是考虑开发时间,那以用第三方的,这里有一个不错的jQuery的Ajax文件上传的组件,是“ajaxfileupload.js",其组件下载地址在网上可以找到,下载完毕里面有一个php的应用demo,很容易看懂的。
过程:
首先引入JQUERY的主文件:
ajaxfileuploads.js 下载地址
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajaxfileupload.js"></script>

再写一个传值文件

<script type="text/javascript">
function ajaxFileUpload(){
$.ajaxFileUpload
(
{
[url='/cms/manage/newsajax/newsadd']url:'/cms/manage/newsajax/newsadd'[/url],
secureuri:false,
fileElementId:'img',
dataType: 'text',
success: function (data){
alert(data);
}
}
)
return false;
}
</script>

这样客户端就完成了。
再服务器端时,为了简便检测是否真正的传值过来了,你可以打印$_FILES.

var_dump($_FILES);

这样你又看到你熟悉的数组了:

$array=array(
'name'=>'lamp.jpg',
'type'=>'image/pjpeg',
'tmp_name'=>'c:\windows\temp\phpFA.tmp',
'error'=>0,
'size'=>3127

)

下载地址

分享到:
评论

相关推荐

    ajaxfileupload.js完整使用全套(带对应jquery+demo)

    `ajaxfileupload.js`是一个JavaScript库,用于实现异步文件上传功能,避免了传统文件上传时页面刷新的问题。它与jQuery的结合使得文件上传更加简便、高效。 首先,我们来理解`ajaxfileupload.js`的核心概念。这个...

    使用jquery的上传插件:ajaxfileupload.js实现excel文件上传

    `ajaxfileupload.js`是一个基于jQuery的轻量级插件,它允许用户通过Ajax方式实现文件的异步上传,无需刷新页面。这种技术极大地提升了用户体验,因为用户可以在提交文件的同时继续浏览网页的其他部分。 首先,确保...

    ajaxfileupload.js 异步上传jquery插件

    **AjaxFileUpload.js** 是一个基于 jQuery 的异步文件上传插件,它允许用户在不刷新页面的情况下上传文件,提供了一种便捷、高效的文件交互体验。这个插件广泛应用于网页应用,尤其是那些需要用户交互频繁上传文件的...

    ajax上传文件插件ajaxfileupload.js非压缩版

    为了解决这个问题,Ajax技术被广泛应用于实现异步文件上传,其中,`ajaxfileupload.js`是一个常用的JavaScript插件,它允许开发者在不刷新页面的情况下实现文件的上传功能。 ### 一、Ajaxfileupload.js原理 ...

    ajaxfileupload.js

    **AjaxFileUpload.js** 是一个JavaScript库,专为在Web应用程序中实现异步文件上传而设计。这个稳定版表明它经过了充分的测试和优化,能够提供可靠的文件上传功能,同时保持良好的性能和兼容性。 ### 1. Ajax技术 ...

    ajaxFileUpload.js

    **AjaxFileUpload.js** 是一个JavaScript库,专为在网页上实现异步文件上传而设计。这个库利用了Ajax技术,使得用户可以在不刷新整个页面的情况下上传文件,提供了更好的用户体验。AjaxFileUpload.js通常与jQuery库...

    用jquery实现ajax上传文件php版.zip

    `ajaxfileupload.js`是实现文件上传功能的JavaScript插件,它扩展了jQuery的功能,提供了一个接口来处理文件上传。这个插件通常会监听用户选择文件后触发的事件,然后使用XMLHttpRequest对象通过AJAX方式向服务器...

    一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子

    为了实现基于AJAX的文件上传功能,本文详细介绍了jQuery插件ajaxfileupload.js的使用方法。该插件允许开发者以异步的方式将文件数据上传至服务器,而无需刷新页面或提交传统表单,从而提升了用户体验。以下是对本文...

    ajaxfileupload.js结合input[type=file]无刷新上传

    本文将详细介绍如何使用`ajaxfileupload.js`这个jQuery插件,结合`input[type=file]`元素,实现无刷新的文件上传功能。 首先,`ajaxfileupload.js`是一个基于jQuery的轻量级插件,它允许开发者通过异步方式发送文件...

    ajaxfileupload以及jquery的js

    要将AjaxFileUpload与jQuery结合使用,首先需要引入相关的JavaScript库,如题目中提到的`ajaxfileupload.js`, `jquery-1.7.1.js`或`jquery-1.10.2.js`。然后,你可以通过jQuery选择器找到文件输入元素,并绑定...

    AjaxFileUpload.js实现异步上传文件功能

    AjaxFileUpload.js是一个用于在Web页面中实现异步文件上传功能的JavaScript库。这个库能够帮助开发人员在不需要刷新页面的情况下上传文件至服务器,这样可以提升用户体验,因为文件上传时页面不会出现“白屏”或中断...

    jquery+ajax实现文件上传的js

    本文将深入探讨如何利用jQuery和AJAX实现文件上传,并重点介绍`ajaxfileupload.js`这个jQuery插件。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。而AJAX(Asynchronous ...

    PHP ajaxfileupload上传,jcrop图片裁剪

    利用jQuery和AJAXFileUpload插件,可以实现文件选择后无刷新上传。例如,你可以创建一个`&lt;input type="file"&gt;`元素,绑定AJAXFileUpload事件监听器,当用户选择文件后,触发AJAX请求,将文件数据发送到服务器。 2. ...

    php+ajaxfileupload+文件上传进度条

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

    使用ajaxfileupload.js实现ajax上传文件php版

    【使用ajaxfileupload.js实现ajax上传文件PHP版】 在网页开发中,文件上传是一个常见的功能。传统的文件上传方式通常需要用户提交整个表单,导致页面刷新,用户体验相对较差。为了解决这个问题,开发者通常会利用...

Global site tag (gtag.js) - Google Analytics