如何制作从本地上传图片的功能?

时间:2018-10-18 22:06:43

标签: javascript html

我想在网站上做一个功能,任何人都可以从该网站上将图像从台式机上传到服务器上以获得链接。

就像在https://stackoverflow.com中使用的那样,它被上传并粘贴了链接。

我想要链接。

有什么办法可以解决吗?

1 个答案:

答案 0 :(得分:0)

您可以使用Ospry.io-这是一个用法示例:

<script src="https://code.ospry.io/v1/ospry.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<form id="up-form">
    <input type="file" multiple />
    <button type="submit">Upload image</button>
</form>

<script>
    var ospry = new Ospry('YOUR_PUBLIC_KEY');

    $('#up-form').submit(function(e) {
        e.preventDefault();
        ospry.up({
            form: this,
            imageReady: function(err, metadata, i) {
                alert("Find file at: " + metadata.url);
            }
        });
    });
</script>

P.S。 -您需要注册以获得API密钥。