input選擇圖片后不上傳及時顯示
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 20:31:05
input選擇圖片后不上傳及時顯示
input選擇圖片后不上傳及時顯示:第一步 引入js包 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 第二步,寫一個js方法 <script type="text/javascript">
導讀input選擇圖片后不上傳及時顯示:第一步 引入js包 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 第二步,寫一個js方法 <script type="text/javascript">
第一步 引入js包
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
第二步,寫一個js方法
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#showImg').attr('src', e.target.result).width(150).height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
聲明:本網(wǎng)頁內容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
input選擇圖片后不上傳及時顯示
input選擇圖片后不上傳及時顯示:第一步 引入js包 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 第二步,寫一個js方法 <script type="text/javascript">