uploadify批量上传时url出现%EF%BB%BF

自己遇到的问题想办法解决了,后来上google了一下,找到了老外的方法。

直接上代码吧

js:

 1 <script type="text/javascript">
 2 $(document).ready(function() {
 3    $(‘#file_upload‘).uploadify({
 4      ‘height‘    : 30,
 5      ‘width‘     : 100,
 6      ‘buttonImg‘ : ‘<?=base_url()?>style/images/buttons/button_dodaj_gray.png‘,
 7      ‘cancelImg‘ : ‘<?=base_url()?>style/js/uploadify/cancel.png‘,
 8      ‘wmode‘     : ‘transparent‘,
 9      ‘onComplete‘: function(event, ID, fileObj, response, data) {
10           if( response != "ERROR" )
11           {
12               var imageSrc = "";
13               //imageSrc = "/ads_images_temp/";
14               imageSrc = response;
15               $(‘.image_container‘).html(‘<img src="<?=base_url()?>‘+imageSrc+‘"></img>‘);
16           }
17      },
18      ‘fileExt‘   : ‘*.jpg;*.jpeg;*.png;*.gif‘,
19      ‘displayData‘: ‘percentage‘,
20      ‘multi‘     : false,
21      ‘uploader‘  : ‘<?=base_url()?>style/js/uploadify/uploadify.swf‘,
22      ‘script‘    : ‘/tools/upload/product/glavna‘,
23
24      ‘auto‘      : true
25    });
26 });
27 </script>

php:

if ( !empty($_FILES) )
            {
                $config[‘upload_path‘] = $temp_path;
                $config[‘allowed_types‘] = ‘*‘;
                $config[‘max_size‘] = 4000;
                $config[‘encrypt_name‘] = true;

                $this->load->library(‘upload‘, $config);
                $this->upload->initialize($config);

                if( ! ($this->upload->do_upload("Filedata")))
                {
                    //echo $this->upload->display_errors(‘<p>‘, ‘</p>‘);
                    echo "ERROR";
                }
                else
                {
                    $img = $this->upload->data();

                    if($img[‘image_width‘] > 650)
                    {
                        $config[‘image_library‘] = ‘gd2‘;
                        $config[‘source_image‘] = $img[‘full_path‘];
                        $config[‘create_thumb‘] = TRUE;
                        $config[‘maintain_ratio‘] = TRUE;
                        $config[‘width‘] = 650;

                        $this->load->library(‘image_lib‘, $config);

                        $this->image_lib->resize();
                    }

                    // Resize image
                    $this->Product_model->resize_image($img[‘full_path‘], $temp_path.‘/crop_‘.$img["raw_name"].$img["file_ext"], 160, 120);
                    $this->Product_model->resize_image($img[‘full_path‘], $temp_path.‘/crop_crop_‘.$img["raw_name"].$img["file_ext"], 80, 60);

                    $imeSlike = $img["raw_name"].$img["file_ext"];

                    echo $imeSlike;
                }
            }

运行结果是:文件保存名是:768f32dd43cc1f90b79c83cceed57eb2.png     取到的url:%EF%BB%BF768f32dd43cc1f90b79c83cceed57eb2.png

%EF%BB%BF是什么就不进行解释了,上解决方法。

php:

1  $json = array("name" => $imeSlike, "error" => 0);
2     echo json_encode($json);

js:

1 ‘onComplete‘: function(event, ID, fileObj, response, data) {
2         eval("var obj1="+response);
3
4         if( obj1.error == 0 )
5         {
6             $(‘.image_container‘).html(‘<img src="<?=base_url()?>ads_images_temp/crop_‘+obj1.name+‘"></img>‘);
7         }
8      }
时间: 2024-10-13 05:23:33

uploadify批量上传时url出现%EF%BB%BF的相关文章

完整uploadify批量上传文件插件使用

1.首先准备uploadify的js文件,网上一搜一大堆 2.上传页面UpFilePage.aspx 关键代码: <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <tit

uploadify+批量上传文件+java

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&

Springmvc+uploadify实现文件带进度条批量上传

网上看了很多关于文件上传的帖子,众口不一,感觉有点乱,最近正好公司的项目里用到JQuery的uploadify控件做文件上传,所以整理下头绪,搞篇文档出来,供亲们分享. Uploadify控件的主要优势是可以实现批量文件上传,并且提供了onSelect(选中文件).onUploadSuccess(上传成功回调函数)等多个事件监听函数,可以操控上传的整个流程. 对uploadify有个简单的了解后,废话不多说,开始吧... (由于这次项目中用到的是ssm框架,所以就以springmvc的后台处理为

带进度条的文件批量上传插件uploadify

有时项目中需要一个文件批量上传功能时,个人认为uploadify是快速简便的解决方案. 先上效果图: 一. 下载uploadify 从官网下载uploadify的Flash版本(Flash版本免费,另一版本HTML5版本需要付费) 下载地址: http://www.uploadify.com/download/ 下载后直接把文件解压,然后放在项目中 二. 在项目中使用 在页面中引入: <!--引入Jquery--> <script src="js/jquery-1.11.3.m

利用uploadify+asp.net 实现大文件批量上传。

前言 现在网上文件上传组件随便一搜都是一大堆,不过看大家一般都在用uploadify这个来上传文件.由于项目需要,我在来试了一下.因为第一次使用,也遇到了很多问题,特此记录! ----------------------------------我是分割线---------------------------------我是分割线--------------------------------------------------- 效果图: 启用批量上传开关 大文件上传时的webconfig配置

MVC批量上传文件(使用uploadify)

<script src="JS/jquery-1.8.3.js"></script> <script src="uploadify/jquery.uploadify.min.js"></script> <script src="uploadify/jquery.uploadify.js"></script> <link href="uploadify/uplo

Uploadify/uploadifive上传(中文文档)

Uploadify是一款基于JQuery的优秀的文件/图片上传的插件,有基于Flash和HTML5两种版本. Uploadify/uploadifive主要特点有: 1. 多文件上传 2. 个性化设置 3. 上传进度条显示 4. 拖拽上传(HTML5版本) 官网:http://www.uploadify.com 部署 在部署一个Uploadify实例前,请确保满足最低要求: 1.jQuery 1.4.x 或更高版本 2.Flash Player 9.0.24 或更高版本 3.支持PHP, ASP

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案

WEB版一次选择多个文件进行批量上传(Plupload)的解决方案 转载自http://www.cnblogs.com/chillsrc/archive/2013/01/30/2883648.html 说明:Plupload支持多种浏览器,多种上传方式! 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传,就算是批量上传,也要把文件一个一个的添加到页面,无法如 windows程序一样,一次选择多个文件进行批量上传.这样在某些应用上就显得很不人性化,有时候客户希

SWFUpload批量上传插件

SWFUpload是一个批量上传插件,在HTML4.1里面,估计也只有Flash+javascript配合才能够做到了.先复制个重要的网址,这个应该是官方的文档了,相当齐全. http://leeon.me/upload/other/swfupload.html#uploadStart 这个是格式比较好看的. http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html 算了,这个文档的内容太多,各种属性各种方法,记不了这么多,直接贴上个