.net图片上传

nitaiyoucala 2010-09-14 11:28:16

跪求可以在客户端预览图片和裁剪图片的图片上传功能源码 谢谢
...全文
124 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

function preview()
{
var picId = $("#picId").val();
var fileext=picId.substring(picId.lastIndexOf("."),picId.length);
fileext=fileext.toLowerCase();
$("#fileext").val(fileext);
if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.bmp'))
{
alert("照片格式错误!");
$("#picId").focus();
}
else
{
$("#newPreview").html('');
var newPreview =$("#newPreview")[0];
var imgDiv = document.createElement("div");
document.body.appendChild(imgDiv);
imgDiv.style.width = "180px";
imgDiv.style.height = "140px";
imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";
imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = picId;
newPreview.appendChild(imgDiv);
}
}



<input name="uploadFile" type="file" class="input_width" id="picId" maxlength="50" onchange="preview()"/>
(推荐上传图片像素大小为180*140)
<div id="newPreview"></div>
wuyq11 2010-09-14
  • 打赏
  • 举报
回复
<script language="javascript" type="text/javascript">
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}
</script>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)" />
<div id="newPreview"> </div>


function $(o){return document.getElementById(o);}
function CheckImg(o,img)
{
if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
{
alert('只能上传jpg,bmp,gif,png格式图片!');
o.outerHTML = o.outerHTML;
}
else
{
$(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
}
}

<asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckImg(this, 'img');" />
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>
public string pic="";

http://topic.csdn.net/u/20100829/19/0263ef4a-7171-4662-892c-e2ede7a46cc5.html?seed=1813362041&r=68016080

62,271

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧