利用uploadify实现图片上传(重命名、图片异步显示)

时间:2022-11-16 18:01:08

1.把uploadify以.css和.js结尾的两个文件引入页面中。

2.通过uploadify的中文帮助手册(链接地址:http://www.phptogether.com/uploadifydoc/),在页面中配置你的uploadify

3.因为uploadify只是一个jquery插件,所以我们后台还要有一个php或是其他语言的上传方法,利用uploadify的'uploader':'你的后台方法的路径'属性,是uploadify和后台上传方法联系起来

4.利用uploadify的 'onUploadSuccess' : function(file,data,response) {},把后台上传成功的文件的文件名重命名(加密)之后传到页面上

5.利用$("#").append("<input type='hidden' name='file_name[]' id='file_name' value='" + data + "' />")绑定一个div,把第四步得到的加密后的文件名动态显示到页面

6.后台可以直接用$_POST方式接收上传文件的文件名

7.后台利用php或是其他语言先写一个利用Ajax传递上传文件的文件名的一个方法

8.利用  $.get('Ajax参数传递方法', {给后台方法的参数: 参数的值}, function(data) {},使用这个方法,千万不要忘了 data = eval("(" + data + ")"),这个能把得到的data数据解析成json数据

9.然后再通过第五步的方式把图片显示出来