【发布时间】:2021-06-25 11:34:39
【问题描述】:
https://www.instagram.com/USERNAME/?__a=1
如何从这里获取个人资料图片?最好有纯javascript,但经过几次尝试后它不起作用。也许是因为 CORS
我试试这个,但它给用户找不到错误。
function getPhoto(a) {
// validation for instagram usernames
let regex = new RegExp(/^(?!.*\.\.)(?!.*\.$)[^\W][\w.]{0,29}$/);
let validation = regex.test(a);
if(validation) {
$.get("https://www.instagram.com/"+a+"/?__a=1")
.done(function(data) {
// getting the url
let photoURL = data["graphql"]["user"]["profile_pic_url_hd"];
// update img element
$("#photoReturn").attr("src",photoURL)
})
.fail(function() {
// code for 404 error
alert('Username was not found!')
})
} else {
alert('The username is invalid!')
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="" id="photoReturn">
<br><br>
<input type="text" id="usernameInput">
<button onclick="getPhoto($('#usernameInput').val().trim())">Get profile photo</button>
【问题讨论】:
标签: javascript jquery api web instagram