GVKun编程网logo

文件验证在 javascript 中不起作用(文件验证失败)

1

在本文中,我们将给您介绍关于文件验证在javascript中不起作用的详细内容,并且为您解答文件验证失败的相关问题,此外,我们还将为您提供关于'session.reject'在脚本第一次出现时在jav

在本文中,我们将给您介绍关于文件验证在 javascript 中不起作用的详细内容,并且为您解答文件验证失败的相关问题,此外,我们还将为您提供关于'session.reject' 在脚本第一次出现时在 javascript 中不起作用、Click() 函数在 wordpress Javascript 中不起作用、Flask url_for 在模板的外部 JavaScript 中不起作用、html 中的 Javascript 文件在 React 中不起作用的知识。

本文目录一览:

文件验证在 javascript 中不起作用(文件验证失败)

文件验证在 javascript 中不起作用(文件验证失败)

如何解决文件验证在 ja​​vascript 中不起作用

正如你所看到的,我正在尝试验证文件,但它不起作用我正在努力做到这一点。所有表单验证几乎都完成了但是我想要的是如果文件没有上传那么它应该显示警报“你的文件没有上传”和文件扩展名有 .jpg、.jpeg、.png 和 .gif。这段代码有什么错误?

split

解决方法

尝试在您的 <input> 标签中使用“accept”属性,请在此处查看https://www.w3schools.com/TAGS/att_input_accept.asp

这将帮助您限制文件扩展名,您甚至不需要使用所有正则表达式

'session.reject' 在脚本第一次出现时在 javascript 中不起作用

'session.reject' 在脚本第一次出现时在 javascript 中不起作用

如何解决''session.reject'' 在脚本第一次出现时在 javascript 中不起作用

我是 JavaScript 编程的新手。 我的代码中有一个问题,即“session.reject”语句在第一次出现时不起作用,而在下一次出现时它起作用。

我知道“session.reject”语句会停止会话并拒绝流并发送到错误策略,但脚本不会立即停止。

谁能帮我解决这个问题。 提前致谢。

  1. var ctx = session.name("xyz") || session.createContext("xyz");
  2. var urlopen = require(''urlopen'');
  3. var hm = require(''header-Metadata'');
  4. session.input.readAsJSON(function(error,incomingData) {
  5. if (error) {
  6. console.log("Error");
  7. } else {
  8. ctx.setvariable("incomingData",incomingData);
  9. if (incomingData.data[0].id != undefined && incomingData.data[0].id != null && incomingData.data[0].id != '''') {
  10. var idValue = incomingData.data[0].id;
  11. }
  12. else {
  13. session.reject("id not found in the Input Trigger request"); //// I want flow to be stopped here and next statements should execute
  14. }
  15. var url = ''https://somexyz.com'' + idValue;
  16. var Options = {
  17. target: url,sslClientProfile: ''someProfile'',method: ''GET'',contentType: ''application/json''
  18. };
  19. urlopen.open(Options,function(error,response) {
  20. if (error) {
  21. session.reject("urlopen connect error);
  22. } else {
  23. var responseStatusCode = response.statusCode;
  24. if (responseStatusCode == 200) {
  25. response.readAsBuffer(function(error,responseData) {
  26. if (error) {
  27. session.reject("Failure in reading message );
  28. } else {
  29. //Do something
  30. }
  31. });
  32. } else {
  33. response.readAsBuffer(function(error,responseData) {
  34. if (error) {
  35. session.reject("Failure in reading message);
  36. } else {
  37. session.reject("Getting Failed here); /// Flow is going till here and getting Failed
  38. }
  39. });
  40. }
  41. }
  42. });
  43. }
  44. });

我有一个场景,从输入“id”接收,如果它不存在,流应该停止。

javascript 执行下一个语句。我应该怎么做才能使脚本在该语句处停止?请帮帮我

Click() 函数在 wordpress Javascript 中不起作用

Click() 函数在 wordpress Javascript 中不起作用

如何解决Click() 函数在 wordpress Javascript 中不起作用

我想用 js 自动点击一个单选元素。元素选择是完美的,因为当我尝试使用 innerHTML 更改它时,它会更改但 click() 不起作用。

代码:

document.addEventListener("DOMContentLoaded",function(){
    document.querySelector(".jet-radio-list__label").innerHTML = "Changed!"
    document.querySelector(".jet-radio-list__label").click()
}

尝试过以下替代方案:

document.querySelectorAll(''input[type="radio"]'').checked = true;

我要定位的 DOM 元素:

解决方法

您不能单击单选按钮,但可以将元素设置为“已选中”。然后,如果需要,您可以调度一个事件。

document.addEventListener(''DOMContentLoaded'',e => {
  document.forms.test.radio01.addEventListener(''change'',e => {
    console.log(e.target);
  });

  document.forms.test.radio01.checked = true;
  let change_event = new Event(''change'');
  document.forms.test.radio01.dispatchEvent(change_event);
});
<form name="test">
  <label id="label01">Radio01: <input type="radio" name="radio01" /></label>
</form>

,

也许类似于以下内容?:

document.addEventListener("DOMContentLoaded",function() {
    document.querySelectorAll(''input[type="radio"]'').forEach(
      (input) => input.checked = true
    );
});
label { display: block; }
<form>
  <label>Radio 1 (field1) <input type="radio" name="field1" value="1" /></label>
  <label>Radio 2 (field1) <input type="radio" name="field1" value="2" /></label>
  <br />
  <label>Radio 3 (field2) <input type="radio" name="field2" value="3" /></label>
</form>

Flask url_for 在模板的外部 JavaScript 中不起作用

Flask url_for 在模板的外部 JavaScript 中不起作用

如何解决Flask url_for 在模板的外部 JavaScript 中不起作用

在 index.html 中,我链接到一个 index.js 文件。单击一个按钮,js 向 Flask 后端发送请求。后端返回一个静态文件路径:''data/Sharon_4.png''。我想使用以下函数在 HTML 中呈现它,但它不起作用。为了简化它,我用特定的 URL 替换了 URL,如下所示,而不是作为变量。还是不行。

  1. function test(){
  2. var mvt = document.getElementById(''movieThumbnail'')
  3. var ig = document.createElement(''img'')
  4. ig.src = `{{url_for(''static'',filename=''data/haron_4.png'')}}`
  5. mvt.append(ig)
  6. }

在 HTML 中,标签看起来是正确的 <img src="{{url_for(''static'',filename=''data/Sharon_4.png'')}}">

如果我将此标签直接放在 HTML 或页内脚本中,它会起作用。但是这里在 js 中使用 url_for 就不行了。

解决方法

Flask 应用程序中常用的 Jinja2 模板处理器,仅适用于模板文件。您正在通过 <script> 元素导入 JavaScript。模板处理器不会看到 JavaScript。如果您将 JavaScript 直接放入您的 HTML 文件中,它将由 Jinja2 处理。示例:

  1. <script>
  2. function test(){
  3. var mvt = document.getElementById(''movieThumbnail'')
  4. var ig = document.createElement(''img'')
  5. ig.src = `{{url_for(''static'',filename=''data/haron_4.png'')}}`
  6. mvt.append(ig)
  7. }
  8. </script>

您可以做的是使用这个简单的脚本将静态文件夹存储在窗口变量中,并在您的脚本中使用它。示例:

  1. <script>
  2. window.static_folder = "{{url_for(''static'')}}";
  3. </script>

然后在脚本中引用全局变量。粗略示例:

  1. function test(){
  2. const mvt = document.getElementById(''movieThumbnail'');
  3. const ig = document.createElement(''img'');
  4. ig.src = `${window.static_folder}/data/haron_4.png`;
  5. mvt.append(ig);
  6. }

或者,您可以调用 Flask 服务器上的 api 来获取 url_for。请看这个例子:

  1. @bp.route(''/url_for/'')
  2. def public_get_url_for():
  3. """
  4. get the url using the url_for method. url parameters are given as request args
  5. ie: /url_for?endpoint=stock_edit&stock_id=12
  6. example:
  7. $.get({
  8. url: ''/url_for'',data: {endpoint: ''stock_edit'',stock_id: $(''#stock_id'').val()}
  9. }).then(url => window.location = url);
  10. for route:
  11. @app.route(''/stock_edit/<int:stock_id>'')
  12. def stock_edit(stock_id):
  13. # some code
  14. :return: the url or 404 if error
  15. """
  16. keywords = request.args.to_dict()
  17. try:
  18. return url_for(**keywords)
  19. except Exception as e:
  20. return str(e),404

html 中的 Javascript 文件在 React 中不起作用

html 中的 Javascript 文件在 React 中不起作用

如何解决html 中的 Javascript 文件在 React 中不起作用?

我正在尝试使用第三方 Javascript 文件来创建滚动效果。作为测试,我让它在普通的 html 文件上工作,但是当我尝试在 React 中使用它时,它甚至无法运行。

根据GitHub resource,我必须使用类似于此的脚本:

<script type="text/javascript" src="./src/skrollr.js"></script>
    <script type="text/javascript">
    var s = skrollr.init();
    </script>

这是 React html 文件:

<!DOCTYPE html>
<html lang="en">

<head>
  <Meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  <Meta name="viewport" content="width=device-width,initial-scale=1" />
  <Meta name="theme-color" content="#000000" />
  <Meta name="description" content="Web site created using create-react-app" />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  <title>React App</title>
</head>

<body>
  <div id="root"></div>
</body>
<script type="text/babel" src="../src/skrollr.js"></script>
<script type="text/babel">
  var s = skrollr.init();
</script>

</html>

我读到我需要将类型更改为 bable。这至少阻止了一些错误。但它仍然不会运行。

如果我尝试将其导入到我的 App.js 文件中,则会收到一个新的错误提示:

src\skrollr.js Line 1772:37: ''define'' 未定义 no-undef
第 1773:3 行:''define'' 未定义 no-undef

此页面的非反应版本中不存在此错误。

我对反应还是很陌生,我想尝试让它发挥作用,以便我可以更多地了解代码之间的关系。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

关于文件验证在 javascript 中不起作用文件验证失败的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于'session.reject' 在脚本第一次出现时在 javascript 中不起作用、Click() 函数在 wordpress Javascript 中不起作用、Flask url_for 在模板的外部 JavaScript 中不起作用、html 中的 Javascript 文件在 React 中不起作用的相关信息,请在本站寻找。

本文标签:

上一篇我在 JavaScript 的字符串文字中添加了换行符 \n 字符它不会在卡上换行

下一篇使 Javascript 获取结果可点击(javascript获取点击元素的id)