Home > Developer > Web Develop
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>by: Damon {This is a kind man}</title>
<script type= "Text/javascript" >
The following for multi-image upload preview function
function Setimagepreviews (avalue) {
var docobj = document.getElementById ("Doc");
var dd = document.getElementById ("dd");
dd.innerhtml = "";
var fileList = docobj.files;
for (var i = 0; i < filelist.length; i++) {
dd.innerhtml + = "<div style= ' float:left ' > </div>";
var Imgobjpreview = document.getElementById ("img" +i);
if (Docobj.files && docobj.files[i]) {
Under Firefox, set the IMG property directly
ImgObjPreview.style.display = ' block ';
ImgObjPreview.style.width = ' 150px ';
ImgObjPreview.style.height = ' 180px ';
IMGOBJPREVIEW.SRC = Docobj.files[0].getasdataurl ();
Firefox 7 or above can not be used in the above Getasdataurl () way to get, need a way
imgobjpreview.src = window. Url.createobjecturl (Docobj.files[i]);
}
else {
Under IE, use filters
Docobj.select ();
var imgsrc = Document.selection.createRange (). text;
Alert (IMGSRC)
var localimagid = document.getElementById ("img" + i);
Initial size must be set
LocalImagId.style.width = "150px";
LocalImagId.style.height = "180px";
Image exception capture to prevent users from modifying the suffix to forge a picture
try {
LocalImagId.style.filter = "Progid:DXImageTransform.Microsoft.AlphaImageLoader (Sizingmethod=scale)";
LocalImagId.filters.item ("DXImageTransform.Microsoft.AlphaImageLoader"). src = imgsrc;
}
catch (e) {
Alert ("The image you uploaded is not in the correct format, please select it again!");
return false;
}
ImgObjPreview.style.display = ' None ';
Document.selection.empty ();
}
}
return true;
}
</script>
<body>
<div style= "margin:0px auto; width:990px; " >
<input type= "File" name= "file" id= "Doc" multiple= "multiple" style= "width:150px;" onchange= "javascript: Setimagepreviews (); "accept=" image/* "/>
<div id= "dd" style= "width:990px;" ></div>
</div>
</body>
JQ implementation Photo upload echo (support Firefox and high-version ie, Google slow reaction, there are great gods can add)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
