var listitem='

>'+

file.name+' ('+Math.round(file.size/1024)+' KB)'+

'

>

'+

'

'+

'

>

'+

'

>Pending

'+'';

$('#log').append(listitem);

$(this).swfupload('startUpload');

})

//绑定开始上传文件事件

.bind('uploadStart', function(event, file){

$('#log li#'+file.id)

.find('p.status').text('Uploading...');

$('#log li#'+file.id)

.find('span.progressvalue').text('0%');

})

//绑定上传过程文件事件

.bind('uploadProgress', function(event, file, bytesLoaded){

var percentage=Math.round((bytesLoaded/file.size)*100);

$('#log li#'+file.id)

.find('div.progress').css('width', percentage+'%');$('#log

li#'+file.id).find('span.progressvalue').text(percentage+'%');

})

//绑定上传成功的事件

.bind('uploadSuccess', function(event, file, serverData){

var item=$('#log li#'+file.id);

item.find('div.progress').css('width', '100%');

item.find('span.progressvalue').text('100%');

item.addClass('success').find('p.status')

.html('File was uploaded successfully.');

})

.bind('uploadComplete', function(event, file){

$(this).swfupload('startUpload');

})

});

3\css代码

#swfupload-control p { margin:10px 5px; }

#log li {width:1200px; list-style:none; margin:2px;

padding:10px;

font-size:12px; color:#333; background:#fff;

position:relative; border:1px solid black;

border-radius: 5px;}

#log li .progressbar { height:5px; background:#fff; }

#log li .progress { background:#999; width:0%; height:5px; }

#log li p { margin:0; line-height:18px; }

#log li.success { border:1px solid #339933;

background:#ccf9b9;}

4、html 代码

Upload

files.

/>

id="queuestatus">

id="log">

5、PHP 代码

$uploaddir = './uploads/';

$file = $uploaddir . basename($_FILES['uploadfile']['name']);

if (move_uploaded_file($_FILES['uploadfile']['tmp_name'],

$file))

{ echo "success"; } else { echo "error"; }

?>

用红色表示的地方就是 需要注意的地方 根据实际情况进行修改

另外PHP中的$_FILE全局变量如下

$_FILES超级全局变量很特殊,他是预定义超级全局数组中唯一的二维数组。其作用是存储各种与上传文件有关的信息,这些信息对于通过PHP脚本上传到服务器的文件至关重要。此函数中总共有5项:

1.$_FILES["userfile"]["error"]

$_FILES["userfile"]["error"]数组值提供了与上传尝试结果有关的重要信息。总共有5个不同的返回值,其中一个表示成功的结果,另外4个表示在尝试中出现的特殊错误。灭个返回值的名字和将在后面介绍。

2.$_FILES["userfile"]["name"]

$_FILES["userfile"]["name"]变量指定客户端机器上声明的文件最初的名字,包括扩展名。因此,如果浏览器一个名

为vacation.jpg的文件,并通过表单上传,则此变量的值将是vacation.png。

3.$_FILES["userfile"]["size"]

$_FILES["userfile"]["size"]变量指定从客户端上传的文件的大小,以字节为单位。因此,在vacation.jpg文件的例子中,此函数可能赋值为5253,大约为5kb.

4. $_FILES["userfile"]["tmp_name"]

$_FILES["userfile"]["tmp_name"]变量指定上传到服务器后为文件赋予的临时名。这是存储在临时目录(由PHP指令upload_tmp_dir指定)中时所指定的文件名。

5. $_FILES["userfile"]["type"]

$_FILES["userfile"]

["type"]变量指定从客户端上传的文件的mime类型。因此,在vacation.jpg文件的例子中,此变量会赋值为image/jpeg。如果

上传的是PDF,则赋值为application/pdf。因为这个变量有时会得到意外的结果,所以应当在脚本中显示地进行验证。

$_FILES['myFile']['error'] 和该文件上传相关的错误代码。['error'] 是在 PHP 4.2.0 版本中增加的。下面是它的说明:(它们在PHP3.0以后成了常量)

UPLOAD_ERR_OK

值:0; 没有错误发生,文件上传成功。

UPLOAD_ERR_INI_SIZE

值:1; 上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。

UPLOAD_ERR_FORM_SIZE

值:2; 上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值。

UPLOAD_ERR_PARTIAL

值:3; 文件只有部分被上传。

UPLOAD_ERR_NO_FILE

值:4; 没有文件被上传。

值:5; 上传文件大小为0.

php调用swf文件上传,swfupload-jquery-plugin AJAX+PHP 文件上传相关推荐

  1. html js 读取资源文件,使用HTML5和JQuery读取CSV(Text)文件的实例

    本文介绍使用HTML5和JQuery读取CSV(Text)文件的简单实例. CSV文件内容如图: CSV文件 Text文件内容如图(逗号分隔的文本文件): Text文件 使用HTML5和JQuery读 ...

  2. jquery的ajax提交文件上传

    以前的项目大多的使用jquery的插件来进行文件上传,对于就只引用jquery而不使用插件来上传文件之前未有写过,最近项目里有写到和用到,就记录一下,以后方便查找. 提示:存在浏览器皆容问题,谨慎使用 ...

  3. java mvc上传文件进度_java相关:springMVC+ajax实现文件上传且带进度条实例

    java相关:springMVC+ajax实现文件上传且带进度条实例 发布于 2020-7-5| 复制链接 本篇文章主要介绍了springMVC+ajax实现文件上传且带进度条实例,具有一定的参考价值 ...

  4. 利用jquery的ajax实现文件上传

    我们先编写页面并导入jquery的包 <!DOCTYPE html> <html lang="en"> <head><meta chars ...

  5. php 显示html文件后缀,[求助]此jQuery在html后缀文件可用,在php后缀文件就用不了!...

    PHP jQuery HTML 新手菜鸟想请教下各位高人,为什么这个页面在html后缀文件可用,在php后缀文件就用不了呢? 无标题文档function loadCiphpImage(){var $ ...

  6. 利用jQuery实现ajax下载文件时进度条

    实现原理:模拟一个虚拟的进度,利用里面子元素的宽度变化来实现进度增长, 关键属性:transition 预览: 进度条 html <div class="lineProgress&qu ...

  7. php图片批量上传插件下载,jQuery的多图片批量上传插件

    jQuery的多图片批量上传插件 js代码 $(function(){ //上传图片 var $tgaUpload = $('#goodsUpload').diyUpload({ url:'uploa ...

  8. jQuery学习第一天(上)

    jQuery 学习第一天(上) 目录 jQuery 学习第一天(上) 1.JavaScript 库 2. jQuery 库 2.1 jQuery的下载 2.2 jQuery的入口函数 示例 注意点 2 ...

  9. ajax和jquery什么关系,Jquery和Ajax的关系!

    Jquery是一种JavaScript框架,而Ajax(Asynchronous JavaScript and XML)是异步JavaScript和XML. Jquery是JavaScript的框架, ...

  10. ajax和jquery什么关系,jquery和ajax的关系是什么样的?

    一直以来我们都知道jquery能够调用ajax,就好像理所当然一样,小伙伴们知道它们到底是什么关系吗?本篇文章就一起来了解下. Jquery是一种JavaScript框架,而Ajax(Asynchro ...

最新文章

  1. 芯片的未来,靠这些技术了
  2. bzoj1070: [SCOI2007]修车
  3. 在 DotNetCore 3.0 程序中使用通用协议方式启动文件关联应用
  4. Bootstrap3 工具提示插件的方法
  5. tomcat 无法关闭 :8005端口未启动
  6. python线性回归做预测_python-线性回归预测
  7. 语言-英语-美国英语:美国英语
  8. Paper--3d reconstruction:Photo Tourism: Exploring Photo Collections in 3D
  9. 小米蓝牙耳机持续白灯_小米蓝牙耳机air2怎么重置
  10. mmc rescan简析
  11. (Java实现) 工作分配问题
  12. AutoCAD Civil 3D中将CASS地形图中地形点转换成CAD点实体
  13. JS小数取整以及保留小数点后两位
  14. 春暖花开,我们去踏青
  15. 计算机科学概论课程设计:Technology in the field of artificial intelligence
  16. 服务器的系统信息命令 厂家,查看云服务器系统的命令行
  17. ssh报错:no matching host key type found. Their offer: ssh-rsa
  18. RedHat Linux 9.0系统的安装(图文并茂) 下载地址在最后面
  19. 新手小白 linux 常用命令笔记
  20. H5是HTML5的缩写吗?

热门文章

  1. jdk 9和jdk8_JDK 9是某些功能的终结
  2. java 编程工具_Java开发工具可以促进编程!
  3. 如何使用用户数据脚本在EC2实例上安装Apache Web Server
  4. Java中的记录类型
  5. scala集合转java_Java,Scala,Guava和Trove集合-它们可以容纳多少数据?
  6. 登录样式:log4j 2,上下文,自动清除…全部不附加任何字符串!
  7. 为@Cacheable设置TTL – Spring
  8. java 自定义注释_带有自定义注释的Java注释教程
  9. Kanvas:从您的ANTLR语法生成一个简单的IDE
  10. guava 集合转换_Guava的Collections2:过滤和转换Java集合