Question

提前感谢您的帮助。

用户体验：

-User在Instagram中，通过直接消息向另一个用户发送链接。示例：https://www.doingthingsmedia.com

- 收件人点击链接并开始填写表单。

-Recipient在文件上传问题之前完成信息。

- 在文件上传时，会将其重定向到他们的照片/视频。响应者选择视频，文件被压缩。

以下是问题所在： - 收件人被重定向到登录页面，而无需提交或填写表格。

这不会定期在移动设备上发生。我觉得这可能与Instagram的重定向有关。

以下是上传时发生的事件：

handleFileChange = async event =＆gt; { const file = event.currentTarget.files [0];

if (!file.type.includes('video/')) {
  this.setState({ notAVideo: true });
  return;
}
const objectUrl = URL.createObjectURL(file);

await this.setState({ objectUrl });

this.video.preload = 'metadata';
this.video.onloadedmetadata = () => {
  const duration = this.video.duration;
  if (duration <= 60) {
    this.file = file;
    this.setState({ videoTooLong: false, notAVideo: false });
  } else {
    this.setState({ videoTooLong: true });
  }
 };
 };

以下是呈现的内容：

          <div className="video-upload-container full-width">
        {errors.videoInvalid ? <span style={{color: 'red'}}>Please Upload a Video</span> : null}
        {videoUpload && (
          <div className="video-wrapper">
            <label htmlFor="file-upload" className="file-upload-label">
              Upload Your Video
              <input
                id="file-upload"
                type="file"
                className="video-upload upload-btn"
                onChange={this.handleFileChange}
              />
            </label>
            {videoTooLong && <p className="warning">Please upload videos one minute or less</p>}
            {notAVideo && <p className="warning">Please upload a VIDEO</p>}
            <video
              controls
              width="500px"
              id="vid"
              className="video-controller"
              src={objectUrl}
              ref={input => {
                this.video = input;
              }}
            />
          </div>

您的任何建议都非常有用！谢谢！

在Instagram直接消息上传后重定向视频输入 - React.JS App

0 个答案: