友情提示，如果做圖片上傳方便可以使用圖片上傳臂容，利用圖片編譯會增加數(shù)據(jù)庫負(fù)載
- 在這里僅限于自己學(xué)習(xí)記錄與分享學(xué)習(xí)科雳，如若有錯，敬請留言脓杉，一定修改
- 對于編程剛開始學(xué)習(xí)的朋友來說糟秘，尤其是對于做web開發(fā)的朋友，我們都知道球散，在圖片處理上一直是一大難題尿赚，經(jīng)常是，不知所措蕉堰，保存圖片凌净，路徑需要頻繁的去試探，怎么寫才對屋讶。
- 今天我要說的是冰寻，在小型的程序中，如果圖片不是非常大丑婿，數(shù)據(jù)庫存儲沒有問題，可以采用直接將圖片進(jìn)行六十四位轉(zhuǎn)碼進(jìn)行保存没卸，方便了開發(fā)羹奉，避免了圖片無處尋找的麻煩
- 僅限于小型工程項(xiàng)目，大型項(xiàng)目不建議使用约计，還要注意數(shù)據(jù)庫字段長度問題诀拭，這一字段一般設(shè)置成max
- 即使這樣也不能圖片過大，最大可容量煤蚌，有待考證耕挨，大概是不能超過5M
\ <div class="box" style="width:210px;height:210px;border:5px solid #000; margin-top:-3%">
<img src="" alt="" width="200" height="150" id="Image" />
<input type="text" value="" id="q" />
<input type="file" id="Picture" hidden onchange="loadImgToEimg('Picture')" />
<script>
var imgReader = new FileReader();
//文件讀取 onload事件
imgReader.onload = function (evt)
{
$("#Image").attr("src", evt.target.result);//綁定新增圖片
$("#q").attr("value", evt.target.result);//為id等于q的控件進(jìn)行賦值
}
function loadImgToEimg(imageFileId)
{
var imgFile = $("#" + imageFileId).get(0).files[0];//獲取選擇的圖片
imgReader.readAsDataURL(imgFile);//加載到img標(biāo)簽中
}
</script>
</div>
在這里，利用id屬性來綁定控件給控件進(jìn)行賦值操作
如有侵權(quán)尉桩，請聯(lián)系作者筒占，本文僅供分享與記載學(xué)習(xí)經(jīng)過
