Rails中的图片处理

服务端：

http://www.tutorialized.com/tutorial/Image-uploads-and-resizing-for-Rails-models-with-mini-magick/19070

客户端 js

<script language="JavaScript" >

function mm_Upload()
{

str2 = document.getElementById("user_image").value.toLowerCase();
if (str2==''){
alert('请选择你要上传的图片');
return false;
}else{
if(!(str2.indexOf(".jpg",0)!=-1 || str2.indexOf(".jpeg",0)!=-1 || str2.indexOf(".gif",0)!=-1 || str2.indexOf(".png",0)!=-1))
{
alert('只能上传jpg、jpeg、gif、png格式的图片文件');
return false;
}
}

return true;
}

</script>

<TR>
<form name="uppicture" action="/picture/save/12>" enctype="multipart/form-data" method="post" onsubmit="return mm_Upload()">
<TD width=79 align=middle><span class="content9link">圈子图片</span></TD>
<TD class=form9><div align="left">
<INPUT id="user_image" class="input1-bor" name="user[image]" size="31" type="file" onchange="changeSrc(this)"/>
<br>注：图片显示最大尺寸为 80 by 80 pixels,最大为2M<br><img src="/images/people03.gif> id="fileChecker" alt="图片" height="80" width="80"/>
&nbsp&nbsp&nbsp<input class="input1-bor" type=submit value="上传图片"/></div></TD>
</form>
</TR>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}

function checkSize()
{
var limit = 2* 1024 * 1024;

if (oFileChecker.fileSize <= 0)
{
alert("error");
return false;
}
if (oFileChecker.fileSize > limit)
{
alert("您选择的图片太大");
}
}
</script>