php多图上传带预览（php图片上传代码详解）

本篇文章给大家谈谈php多图上传带预览，以及php图片上传代码详解对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、php上传文件（上传后显示图片）
• 2、PHP怎样上传图片以及预览图片？
• 3、php上传图片时怎样在页面显示预览图
• 4、有一堆图片url,用php怎样实现批量预览?
• 5、求PHP多图片上传带预览的插件，有demo最好，
• 6、php照片上传功能，前台的多图片选择（像qq空间一样）并预览怎么实现，说一下原理，还是用了什么框架构建？

php上传文件（上传后显示图片）

如果你能上传成功得话下面得

upload.php

?

include_once ('admin_global.php');

if(isset($_POST['upload'])){

$name=$_FILES["userfile"]["name"];

$updir="../common/images/";

//$uploadfile=$uploaddir.$_FILES['userfile']['name']; //新文件

$type=$_FILES["userfile"]["type"];

$size=$_FILES["userfile"]["size"];

if($name==""){echo"scriptalert('请先选择要上传的图片文件!');window.history.back();/script";}

$tmp_name=$_FILES["userfile"]["tmp_name"];

if($type!="image peg" $type!="image/jpeg" $type!="image/gif"){echo"scriptalert('上传文件只可以是JPEG或GIF类型的!');window.history.back();/script";exit;}

if(file_exists($updir.$name)){echo"scriptalert('服务器上已有同名文件!');window.history.back();/script";exit;}

if(move_uploaded_file($tmp_name,$updir.$name)){echo"scriptalert('图片上传完成!');/script";}

echo"scriptwindow.location.href('admin_tu_add.php?n=$name');/script";

//echo"$name";

}

?

admin_tu_add.php

img src="../common/images/? echo $_GET['n']; ?"

如果上传不了得话就是你写得上传程序可能有问题

PHP怎样上传图片以及预览图片？

本地图片，就搞个img，设置他的src就可以实现；

参考如下：

div class="column " style="width: 400px; margin-left: 200px;" id="imageShow"

div id="productImageNew"@*用于图片预览*@

/div

div id="productImage"

div class="widget the-common-margin-top" style="height: 400px; border: 1px solid #eeeeee;

padding: 3px;"

img id="imgHolder" style="max-height: 390px; max-width: 390px;" /

/div

/div

/div

form id="formImageUpload" name="formImageUpload" method="post" action="/DocTeam/ProductsImage/UploadImage"

enctype="multipart/form-data"

div id="fileDiv"

input type="file" id="theFile" name="theFile" size="20" style="cursor: pointer;

width: 65px; height: 60px; position: absolute; filter: alpha(opacity:1); -moz-opacity: 0;

opacity: 0; z-index: 102;" /

/div

input type="hidden" name="imageId_hide" id="imageId_hide" /

/form

div id="cover" style="position: absolute; background-color: White; z-index: 10;

filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; overflow: auto; width: 400px;"

input id="selectImage" type="button" style="width: 65px; height: 60px;" value="Select" /

br /

br /

input type="button" value="Upload" id="imageUpload" style="width: 65px; height: 60px;"

disabled="disabled" onclick="javascript:uploadImage();" /

/div

//js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3

function PreviewImage(fileObj, imgPreviewId, divPreviewId) {

var allowExtention = ".jpg,.bmp,.gif,.png"; //允许上传文件的后缀名document.getElementById("hfAllowPicSuffix").value;

var extention = fileObj.value.substring(fileObj.value.lastIndexOf(".") + 1).toLowerCase();

var browserVersion = window.navigator.userAgent.toUpperCase();

if (allowExtention.indexOf(extention) -1) {

if (fileObj.files) {//HTML5实现预览，兼容chrome、火狐7+等

if (window.FileReader) {

var reader = new FileReader();

reader.onload = function (e) {

document.getElementById(imgPreviewId).setAttribute("src", e.target.result);

}

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

} else if (browserVersion.indexOf("SAFARI") -1) {

alert("不支持Safari6.0以下浏览器的图片预览!");

}

} else if (browserVersion.indexOf("MSIE") -1) {

if (browserVersion.indexOf("MSIE 6") -1) {//ie6

document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);

} else {//ie[7-9]

fileObj.select();

if (browserVersion.indexOf("MSIE 9") -1)

fileObj.blur(); //不加上document.selection.createRange().text在ie9会拒绝访问

var newPreview = document.getElementById(divPreviewId + "New");

if (newPreview == null) {

newPreview = document.createElement("div");

newPreview.setAttribute("id", divPreviewId + "New");

}

var a = document.selection.createRange().text;

// newPreview.style.width = document.getElementById(imgPreviewId).width + "px";

// newPreview.style.height = document.getElementById(imgPreviewId).height + "px";

//newPreview.style.width = 390 + "px";

newPreview.style.height = 390 + "px";

newPreview.style.border = "solid 1px #eeeeee";

newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + document.selection.createRange().text + "')";

var tempDivPreview = document.getElementById(divPreviewId);

// tempDivPreview.parentNode.insertBefore(newPreview, tempDivPreview);

newPreview.style.display = "block";

tempDivPreview.style.display = "none";

}

} else if (browserVersion.indexOf("FIREFOX") -1) {//firefox

var firefoxVersion = parseFloat(browserVersion.toLowerCase().match(/firefox\/([\d.]+)/)[1]);

if (firefoxVersion 7) {//firefox7以下版本

document.getElementById(imgPreviewId).setAttribute("src", fileObj.files[0].getAsDataURL());

} else {//firefox7.0+

document.getElementById(imgPreviewId).setAttribute("src", window.URL.createObjectURL(fileObj.files[0]));

}

} else {

document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);

}

} else {

alert("仅支持" + allowExtention + "为后缀名的文件!");

fileObj.value = ""; //清空选中文件

if (browserVersion.indexOf("MSIE") -1) {

fileObj.select();

document.selection.clear();

}

fileObj.outerHTML = fileObj.outerHTML;

}

}

function setTheFileButton_Cover_SelectImageButton() {

// debugger;

// var position = $("#selectImage", "#cover").position();

// var css = { top: position.top, left: position.left };

// $("#theFile", "#fileDiv").css(css);

}

var $imgHolder = $('#imgHolder', "#productImage");

var tempDiv = $("#temp_div");

$("#select", "#cover").click(function () {

$("#theFile", "#fileDiv").click().select();

});

$("#theFile", "#fileDiv").click(function () {

$(this).blur();

});

$("#theFile", "#fileDiv").change(function () {

PreviewImage(this, 'imgHolder', 'productImage');

setTheFileButton_Cover_SelectImageButton();

// alert("预览已生成!");

$("#imageUpload").prop("disabled", false);

});

php上传图片时怎样在页面显示预览图

像这样

echo'img src=""';

图片网址可以换成自己网站目录下的可以相对域名

有一堆图片url,用php怎样实现批量预览?

如果你有一堆图片的 URL，你可以使用 PHP 的 foreach 循环来遍历这些 URL，然后使用 PHP 的 echo 语句将图片的 HTML 标签输出到浏览器中。例如：

$imageUrls = [

"url地址",

"url地址",

"url地址"

];

foreach ($imageUrls as $url) {

echo "img src='$url' alt='A preview image'";

}

这样，在浏览器中，你就可以看到这些图片了。

请注意，上面的代码仅供参考，在实际应用中你可能需要做一些更多的工作来实现你的需求。例如，你可能需要设置图片的宽度和高度，或者添加其他的样式来改变图片的外观。

总之，在 PHP 中实现批量预览图片，你可以使用 foreach 循环和 echo 语句来输出图片的 HTML 标签，这样就可以在浏览器中预览这些图片了。

求PHP多图片上传带预览的插件，有demo最好，

uploadify

不过还是要查官方手册，有个onUploadComplete还是什么的回调函数。 调用才能预览。

php照片上传功能，前台的多图片选择（像qq空间一样）并预览怎么实现，说一下原理，还是用了什么框架构建？

如果是多图网页正常是没办法实现的只有通过flash来实现，推荐使用SWFUpload上传。

关于php多图上传带预览和php图片上传代码详解的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。