博主信息
从化大只佬
博文
3
粉丝
0
评论
0
访问量
6171
积分:0
P豆:26.5

jquery图片上传预览

2018年08月13日 14:19:57阅读数:799博客 / 从化大只佬/ 分享代码

//html代码

<input type="file" onchange="preview(this)" ></span>

<div id="preview"></div>

//js代码

//上传图片之前预览图片

function preview(file){

    if (file.files && file.files[0]){

    var reader = new FileReader();

    reader.onload = function(evt){

        $("#preview").html('<img src="' + evt.target.result + '" width="95px" height="50px" />');

    }

        reader.readAsDataURL(file.files[0]);

    }else{

    $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>');

    }

}


版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • PHP实现的方法:首先监听input标签的onchange事件;然后使用AJAX将文件到服务端;接着在PHP中接收的文件,并将文件保存起来;最后将文件访问路径返回,并使用JS渲染即可
    本文以一个详细的案例介绍js的功能,代码中介绍了先选择文件,并建立一个可以存取到该file的url的方法。
    在点击标的时候会在前面的input框中显示出文件名,然后点击后面的查看按钮就可以选择的这张了,要求不能刷新页面。
    php删除的方法:首先提取文件域内容名称,并判断;然后获取的完整路径以及名称;最后通过“unlink(“uppic/”.$img);”方法删除即可。
    打印是空白的解决办法:首先右键点击,并在右键的菜单中选择打印的按钮;然后在文件夹页面,点击工具页面;最后进入查看的页面,并选择“取消始终显示”即可。
    php删除的方法:首先检查文件是否在允许的类型;然后获取的完整路径;最后通过“unlink(“uppic/”.$img);”方法删除即可。
    Bootstrap中如何?本篇文章通过示例给大家介绍一下bootstrap界面,并介绍一下使用Bootstrap-fileinput插件进行的方法。
    php无法显示解决方法:把到数据库然后显示的做法是专门写一个php页面, php可以通过表单文件到数据库,通过GET或POST方法获取的id、查询数据库、header函数输出类型
    php修改大小的方法:1、找到php的配置文件php.ini,然后修改“post_max_size =12M”;2、在文件或代码前面加“ini_set('file_uploads','
    用layui实现的方法:首先打开html文件,并引用其中的layui.css和layui.js;然后调用前端的html代码,设置id值;最后通过“upload.render({...})”方法实现即可
    php改文件名的实现方法:1、创建一个html文件用于;2、创建一个upload_file.php文件,接受的文件并保存到路径;3、去“/项目地址/upload”目录查看是否有即可。
    php实现功能的方法:首先创建存储的文件夹;然后创建HTML部分;接着创建“uploadHandler.php”文件;最后将文件的格式与数组中的元素进行比较并实现即可。
    本文讲述了php多的实现,类似于QQ空间的模式。即:可以一次性多个,但是封面只有一个。
    PHP在时改变后缀为jpg的方法:首先获取后缀,并获取在电脑的临时存储位置;然后获取临时存储文件的后缀;最后将后缀转换为jpg,代码为【case 'image/jpg'】。
    php实现转base64格式并的方法:1、将转化为base64格式;2、通过ajax将到服务器端;3、在服务器端重新转化格式并进行储存即可。
    php实现的方法:首先创建存储的文件夹;然后创建HTML部分;接着创建一个php文件,并输入代码为“<?php var_dump($_FILES); ?
    ​WordPress教程栏目给大家介绍wordpress前端怎么。最近研究个项目需要在wordpress前端用户头像,在网查了些资料!解决了这个问题!
    PHP将并替换的方法:首先建立两个文件;然后需要一个隐藏域来限制文件的最大长度;接着先判断文件类型是否为格式,若是则文件;最后文件到并替换指定文件即可。

    2020-11-27

    1921

    yii:本文为大家分享了yii框架实现的代码,具有一定的参考价值,希望能够帮助到大家。
    php并修改名字的方法:1、通过GUID方法给重命名;2、使用MD5方法;3、使用uniqid方法;4、使用fast_uuid方法等等。