草庐IT

hook_type

全部标签

javascript - Jquery:如何使用 <input type "value"> 字段的 ="file"动态显示图像

我想知道是否有一种方法可以动态显示用户刚刚上传到inputtype="file"字段的图像。例如,到目前为止我有以下代码:image_upload.html上传.js$(document).ready(function(){$("#id_image").change(file_select);});functionfile_select(event){$("#uploaded_image").attr("src",$("#id_image").val());}所以我基本上想显示用户刚刚上传到Field上的图片。当然,我知道如果用户已经提交表单并且图像已经在我的数据库服务器中,我可以轻松

javascript - React Hooks - 发出 Ajax 请求

我刚开始玩Reacthooks,想知道AJAX请求应该是什么样子?我已经尝试了很多次,但无法让它发挥作用,也不知道实现它的最佳方法。以下是我最近的尝试:importReact,{useState,useEffect}from'react';constApp=()=>{constURL='http://api.com';const[data,setData]=useState({});useEffect(()=>{constresp=fetch(URL).then(res=>{console.log(res)});});return(//displaycontenthere)}

javascript - "Input type file.files"选择器在 jQuery 中不起作用

我正在尝试使用以下代码在HTML输入中获取有关正在上传的文件的信息:$(document).ready(function(){$('#btn').on('click',function(){file_size=$("#my_file").files[0].size;alert(file_size);});});但是不行,控制台返回:$("#my_file").filesisundefined 最佳答案 $("#my_file")是一个jQuery对象,jQuery对象没有属性files...要从jQuery中获取DOM元素,请执行$

javascript - 巴别塔 : Function parameter types in ES6

如果我编写以下代码并通过Babel(6.5.0)转译它,它会正常工作。functionfoo(first:string,second:number){//codehere}:string和:number只是从转译的ES5代码中删除。如果我使用错误的参数类型调用该函数,它不会导致任何错误/警告。即使没有任何功能,它们也能提供信息。我无法在互联网上找到有关ES6参数类型的正确信息。参数类型甚至是ES6的一部分吗?编辑:这个问题在下面的评论中得到了回答,我根据他们总结了官方答案。 最佳答案 感谢JoeClay,Bergi和FelixKli

javascript - 松弛传入 webhook : Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response

我尝试在浏览器中通过fetchAPI发布slack消息:fetch('https://hooks.slack.com/services/xxx/xxx/xx',{method:'post',headers:{'Accept':'application/json,text/plain,*/*','Content-type':'application/json'},body:JSON.stringify({text:'Hithere'})}).then(response=>console.log).catch(error=>console.error);};我收到以下错误消息:FetchA

javascript - 如何在 vue-router beforeRouteEnter 钩子(Hook)中重定向到不同的 url?

我正在使用Vue.js2构建一个管理页面,我想阻止未经身份验证的用户访问/admin路由并将他们重定向到/login。为此,我在Admin组件中使用了In-ComponentGuardbeforeRouteEnter,如下所示...beforeRouteEnter(to,from,next){if(userNotLogedIn){this.$router.push('/login');}}这里的问题是this没有在beforeRouteEnter钩子(Hook)中定义。那么在这种情况下访问$router并重定向到不同url的正确方法是什么? 最佳答案

javascript - @types/styled-components 重复标识符 FormData

如果我在我的项目中添加@types/styled-components,我将在构建输出中出现一堆错误:ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):TS2300:Duplicateidentifier'FormData'.ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):TS2717:Subsequentpropertydeclarationsmu

javascript - 寻找 Javascript Typed Arrays 仿真库

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我正在寻找一个允许在旧JS引擎中模拟类型化数组的库。至少,我想支持IE8(因为WinXP)和Android2.x(因为Android设备碎片化,不太可能升级)是的,性能会是一个问题,但是,正如它所说,“让它运行,然后让它运行得更快......”现在单一代码库对我来说更重要。

javascript - 如何访问 vue-router 中的异步存储数据以便在 beforeEnter Hook 中使用?

如何访问通过存储操作异步检索的beforeEnter中的存储数据?importstorefrom'./vuex/store';store.dispatch('initApp');//inhere,asyncdatawillbefetchedandassignedtothestore'sstate//followingisanexcerptoftheroutesobject:{path:'/example',component:Example,beforeEnter:(to,from,next)=>{if(store.state.asyncData){//theabovestateisn

javascript - Backbone 和 TypeScript,一段不幸的婚姻 : Building a type-safe "get"?

我正在尝试将TypeScript与Backbone.js结合使用。它“有效”,但是Backbone的get()和set()失去了大部分类型安全。我正在尝试编写一个可以恢复类型安全的辅助方法。像这样:我会把它放在我的模型中:object():IMyModel{returnattributes;//exceptIshoulduseget(),notattributes,perdocumentation}这在消费者中:varmyVar=this.model.object().MyProperty;通过这种语法,我得到了TypeScript的知识,即MyProperty存在并且是bool,这太