获取jsfiddle'显示图像文件'工作的

时间:2015-02-23 17:05:38

标签: image jsfiddle preview

我确定我在这里遗漏了一些简单的东西,我在这里找到了一个建议,使用jsfiddle代码在上传之前预览图片:http://jsfiddle.net/LvsYc/5234/

但我无法让它发挥作用。我假设我只是将javascript包含在标签中的标题中?

这是我的代码(谢谢 - 如果这与其他问题非常相似,我很抱歉)

	<script language="javascript">
		window.onload=function readURL(input) {
			if (input.files && input.files[0]) {
				var reader = new FileReader();
				
				reader.onload = function (e) {
					$('#artworkshow').attr('src', e.target.result);
				}
				
				reader.readAsDataURL(input.files[0]);
			}
		}
		
		$("#artwork").change(function(){
			readURL(this);
		});
	</script>
				<img id="artworkshow" src="#" alt="Image Preview" />
				<p>
					<label for="artwork">Artwork</label>
					<input id="artwork" name="artwork" type="file" class="inputAuto" />
					Size: 700px by 260px</p>
				<p>

0 个答案:

没有答案