网页上查看上传图片

1.在form中,必须有 enctype 提交方法必须是POST

 <form class="formAjax" enctype="multipart/form-data" method="POST" id="modelform">

2.上传图片,可以在网页中查看

                <tr rowspan=‘4‘>
                    <?php if ($url_method ==‘create‘): ?>
                        <img src="/images/photo-empty.jpg" alt=""
                             style="width:110px;height:139px;float:left;padding-left:210px;" id="photopath">
                    <?php else: ?>
                        <img src="" alt=""
                             style="width:110px;height:139px;float:left;padding-left:210px;" id="photopath">
                    <?php endif; ?>
                </tr>
                <tr>
                    <p class="short-input ue-clear">
                        <input type="file" name="addfile" id="proimg" style="position: relative;left: 145px;"
                       onchange="Preview(this,‘photopath‘,‘divphotopath‘);">
                    </p>
                </tr>

js代码

 function Preview(obj, obj1, obj2) {
        if (document.all) {
            $("#" + obj1).css("width", "0px");
            $("#" + obj1).css("height", "0px");
            $("#" + obj2).css("display", "block");
            document.getElementById(‘‘ + obj2 + ‘‘).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = obj.value;
        } else {
            $(‘#‘ + obj1).show();
            var file = obj, objectURL = window.URL.createObjectURL(file.files[0]);
            $(‘#‘ + obj1).attr("src", objectURL);
        }
    }

3.不能用ajax传递,必须用ajaxSubmit进行传递

 $("#modelform").ajaxSubmit({
})

4.php后端代码

            $config[‘upload_path‘] = FCPATH . ‘uploads/userphoto/‘;
            $config[‘allowed_types‘] = ‘png|jpg|jpeg‘;
            $config[‘max_size‘] = ‘2000000‘;
            $config[‘overwrite‘] = FALSE;
            $config[‘encrypt_name‘] = TRUE;
            $CI =& get_instance();
            $CI->load->library(‘upload‘, $config);
            if ($_FILES[‘addfile‘][‘name‘] != ‘‘) {
                if ($CI->upload->do_upload(‘addfile‘)) {
                    $str = $CI->upload->data();
                    $file = realpath(FCPATH . ‘uploads/userphoto/‘);
                    if (!is_dir($file)) mkdir($file);
                    $filename = $datainfo[$this->mydb->getKeyId()] . date("YmdHis") . $str[‘file_ext‘];
                    $file = $file . ‘/‘ . $filename;
                    if (is_file($file)) unlink($file);
                    copy($str[‘full_path‘], $file);
                    unlink($str[‘full_path‘]);
                    $file = "http://" . $_SERVER["HTTP_HOST"] . ‘/uploads/userphoto/‘ . $filename;
                    $datainfo [‘photopath‘] = $file;
                } else {
                    $result = Ousuclass::getJsonResult();
                    $result[‘success‘] = FALSE;
                    $result[‘msg‘] = ‘上传文件错误!‘;
                    echo json_encode($result);
                    exit;
                }
            }
时间: 2024-10-26 17:35:56

网页上查看上传图片的相关文章

获取网页上数据(图片、文字、视频)-b

Demo地址:http://download.csdn.net/detail/u012881779/8831835 获取网页上所有图片.获取所有html.获取网页title.获取网页内容文字... .h 文件  代码: //网页   //NSString *strPath = [NSString stringWithFormat:@"http://www.baidu.com/s?wd=%@&cl=3",theWord];   //视频   //NSString *strPath

前端菜鸡之路——网页上的图标

如何在页面上放置我们需要的图标,这个问题从我学习前端以来便一直伴随着我,从开始的全部用img标签来放图标到之后的用雪碧图,用字体,但是再多的方法也要懂得如何在不同的情形下去使用这些方法.所以刚在加班中过完圣诞的我坐在了电脑前,想要对这些熟悉而又陌生的东西进行整理和总结. 首先是从img标签说起,当我第一次切图时便和它邂逅,当时觉得好神奇,给它一个路径居然可以找到我想要的图片,并且展示出来,功能有点类似于快递员,于是我开始频繁的收各种快递,用到图片的地方都选择使用它.虽然这么做并不算错,但很显然不

ruby on rails 网页上如何实时显示服务器网速?

要在网页上实时显示网速,需要实时请求服务器(由于许多浏览器不支持web socket,这里还是用ajax轮询的方式),这里的服务器以centos为例,使用sysstat,不同的服务器,可能需要不同的软件支持. 一.centos里安装sysstat yum  install sysstat 安装完成后,使用sar -V查看 二.sar的使用 首先使用ifconfig查看使用的网上,确认一个要查看的网卡的名称,这里我使用的是eth0 然后使用sar获取网速: sar -n DEV 1 1 | gre

网页上传到服务器后访问时出现怪异模式(Quirks mode)

1.更多内容请参考:http://blog.csdn.net/freshlover/article/details/11616563 http://blog.csdn.net/barebear/article/details/5100260 2.当使用jsp+tomcat+mysql开发时,将tomcat上传到服务器后,使用360浏览器通过ip访问网站时,本来很好的网站样式会变得混乱,导航栏,图片,特别是盒模型会有很大的变化.使用360的工具->开发人员工具.查看网页文档模式时,发现使用的是Qi

制作手机使用的网页图片查看器

这几天抽空在为项目开发一个量身的图片查看器,目前已初步完成需求 开发场景是:在一个多文件下载展示列表中,如检测某些文件为图片时,则点击该文件时打开图片查看器展示该图片,并将列表内其它图片同时展示查看器队列内,可供前后滑动查看及其它附带功能 乍一听功能点似乎有点多而且有些复杂,需要梳理一下 功能点整理 首先,我们要获得点击的图片文件对象及符合条件的图片文件对象集 其次,图片查看器的制作及图片队列展示 然后,图片友好加载方式 最后,图片查看器触摸滑动及滑动后相关功能的实现 简单整理了一下,好像也不多

HTML5中的&lt;canvas&gt;画布:使用canvas元素在网页上绘制四分之一圆(3)

前几天自己做了个四分之一的圆,放到手机里面测试.效果不是很好.于是今天通过查资料,找到了canvas.自己研究了一天,发现可以使用canvas画圆.代码如下: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 </head> 8 <body&g

网页上禁止复制怎么办

上网的时候经常会看到一些好的文字想要复制下来,但是有些网页是不允许复制的,或者是要登录才能复制,360图书馆就是这样的. 禁止复制是怎么控制的呢,据我所知有2种: 1.用javascript实现. 2.用flash载入的方式. javascript是完全运行在浏览器上的,只要我们禁用了浏览器的javascript,就可以进行复制了.但是注意,网页上很多要交互的功能是用javascript做的,禁用会导致这些功能不可用,例如博客园的登录就必须要开启javascript才行,所以复制完了赶紧改回来.

禁止网页右键查看源码(源文件)

众所周知,要保护一个页面,最基础的就是要屏蔽右键.而现在网页上用得最多的是function click(),即下面这段代码: 〈script〉 function click(){ if(event.button==2){ alert( '本网站欢迎您 !!'); } } document.onmousedown=click 〈/script〉 但是这种屏蔽方法的破解方法也是众所周知的.那就是连续单击鼠标左键和右键便又可以看到右键菜单了.但是,我见过一种很好的屏蔽右键的方法.它的原理和上面所说的不

【Python爬虫】批量抓取网页上的视频

1.为何学python 编程语言方面,本科这几年一直都用C/C++,因为研究生方向与机器学习相关,所以最近大部分时间在学机器学习,看了<机器学习实战>这本书,里面的实例都是用python来写,并且目前来说,对机器学习算法支持得比较多的语言是python,matlab/octave当然也很适合用于机器学习,但是毕竟是学术工具,速度等方面肯定不如python,工业开发还是用python.c++. 总之对于学习机器学习,python以及NumPy库要熟悉. 所以这两天决定学一下python,就找了个