Question

首先，我有两个与此相关的问题。

首先使用jsfiddle，当我在这个网站上发布我的代码进行演示时，它看起来与从我的.html文件中浏览它看起来不一样。 http://jsfiddle.net/93nLs6z9/2/

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script lenguage="javascript">
    function showMyImage(fileInput) {
        var files = fileInput.files;
        for (var i = 0; i < files.length; i++) {           
            var file = files[i];
            var imageType = /image.*/;     
            if (!file.type.match(imageType)) {
                continue;
            }           
            var img=document.getElementById("thumbnil");            
            img.file = file;    
            var reader = new FileReader();
            reader.onload = (function(aImg) { 
                return function(e) { 
                    aImg.src = e.target.result; 


     }; 
            })(img);
            reader.readAsDataURL(file);
        }    
    }
</script>
<style type="text/css">
    .upload input{
        display: none;
    }
    .upload label{
         background: DarkSlateBlue;
        color: white;
        padding: 2px 10px;
    }
</style>
</head>
<body>
    <div class="upload">
        <label for="my-input"> Upload your image </label>
        <input type="file" id="my-input"  accept="image/*" name="files[]"  onchange="showMyImage(this)" />
    </div> 
    <br/>
    <img id="thumbnil" style="width:100%; margin-top:10px;"  src="" alt="image"/>
</body>
</html>

我的主要问题是现在。我希望能够有另一个buttom能够打开一个艺术剪贴板＆＃34;使用不同的.png图像，用户可以选择而不是从他的计算机上传图像。（此图像应在新窗口中显示为分辨率较低的previws图像）。

有关如何开始这样做的建议吗？

Answer 1

这里有一个巨大的错误：

而不是

<script language></scipt>

你写了

<script lenguage></script>

也无法完成另一个按钮

输入类型=“文件”从网站而不是您的计算机获取文件

1 个答案: