友情提示，如果做圖片上傳方便可以使用圖片上傳，利用圖片編譯會增加數(shù)據(jù)庫負載

• 在這里僅限于自己學習記錄與分享學習，如若有錯，敬請留言，一定修改
• 對于編程剛開始學習的朋友來說，尤其是對于做web開發(fā)的朋友，我們都知道，在圖片處理上一直是一大難題，經(jīng)常是，不知所措，保存圖片，路徑需要頻繁的去試探，怎么寫才對。
• 今天我要說的是，在小型的程序中，如果圖片不是非常大，數(shù)據(jù)庫存儲沒有問題，可以采用直接將圖片進行六十四位轉碼進行保存，方便了開發(fā)，避免了圖片無處尋找的麻煩

• 僅限于小型工程項目，大型項目不建議使用，還要注意數(shù)據(jù)庫字段長度問題，這一字段一般設置成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的控件進行賦值
            }
            function loadImgToEimg(imageFileId)
            {
                var imgFile = $("#" + imageFileId).get(0).files[0];//獲取選擇的圖片
                imgReader.readAsDataURL(imgFile);//加載到img標簽中
            }
        </script>

            </div>

在這里，利用id屬性來綁定控件給控件進行賦值操作
如有侵權，請聯(lián)系作者，本文僅供分享與記載學習經(jīng)過