這是我第一次寫部落格，想要分享一下程式設計經驗，因為我也算是一個菜鳥而已，在程式設計過程中，很多問題 都是通過百度，通過CSDN裡面的各位大神分享的經驗，才得以解決的，所以我也是本著造福他人，也完善自己的意願，開始寫寫部落格，分享一下程式設計中遇到的問題及解決方法。好，廢話不說，直接開搞；

html程式碼：

為了方便大家，我用的都是內嵌樣式

<div style="height:300px;margin-top:-20px">
			
			
			<div id="addContent" style="height:150px;margin-top:-10px;padding-top:5px;margin-left:-1.4em">
			<div style="margin-left:-0.7em" >照片(可上傳三張)</div>
				<label id="ppp" style="display:block;float:left;"  class="ui_button ui_button_primary" for="1"><img style="width: 84px;height: 84px;" src="${ctx}/images/photoxf.png"></label>
					<input type="file" id="1" name="take-picture" class="take-picture"  accept="image/*"   style="position:absolute;clip:rect(0 0 0 0);width: 0px;height: 0px">
			</div>
			
			<div id="addVideoDiv" style="height:150px;margin-top:-10px;padding-top:5px;margin-left:-1.4em">
			<div style="margin-left:-0.7em">視訊(可上傳一個視訊)</div>
		 		<label id="vvv" style="display:block;float:left;"  class="ui_button ui_button_primary" for="y"><img id="videoImg" style="width: 100px;height: 100px;" src="${ctx}/images/videoxf.png"></label>
					<input  type="file" id="y" name="take-video" class="take-video"  accept="video/*"   style="position:absolute;clip:rect(0 0 0 0);width: 0px;height: 0px">
			
				<video id="video" controls="controls" style="width:100px;height:100px" onclick="showVideo()">
        		
        		</video>
			
			</div>
			
			
		</div>
 

效果：

實現縮圖效果程式碼：

var videoFile = document.getElementById('y')
function getFileURL(file) {
	
	var getUrl = null;
		if (window.createObjectURL != undefined) { // basic
			getUrl = window.createObjectURL(file);
		} else if (window.URL != undefined) { // mozilla(firefox)
			getUrl = window.URL.createObjectURL(file);
		} else if (window.webkitURL != undefined) { // webkit or chrome
			getUrl = window.webkitURL.createObjectURL(file);
		}
		return getUrl;
	}
$("#video").hide()
	var selectFile = function() {  //獲取視訊的大小 ：this.files[0].size
		var url = getFileURL(this.files[0]);//把當前的 files[0] 傳進去
		if (url) {
			var srcNew = "<source id='v1' src='"+url+"' ></source>";
			$("#video").append(srcNew)
		}
		$("#videoImg").hide()
		$("#video").show()
	}
	videoFile.addEventListener('change', selectFile)
 

頁面效果：

好了，今天第一次 就先簡單這樣寫寫，希望能幫到各位新人哈

本人有專業團隊承接小程式製作，價格可商量，需要製作小程式的 請聯絡我本人的QQ或者微信：qq：381645066  微信：18359242333