是否可以<input type='file' />使用jQuery 清除控件值?我尝试过以下方法:
$('#control').attr({ value: '' });
Run Code Online (Sandbox Code Playgroud)
但它不起作用.
我正在使用VS2012和Javascript开发一个metro应用程序
我想重置文件输入的内容:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
Run Code Online (Sandbox Code Playgroud)
我该怎么办?
有没有机会检测用户为input类型file元素的HTML所做的每个文件选择?
之前曾多次询问此问题,但onchange如果用户再次选择同一文件,则通常建议的事件不会触发.
我有文件上传输入:
<input onChange={this.getFile} id="fileUpload" type="file" className="upload"/>
Run Code Online (Sandbox Code Playgroud)
我这样处理上传:
getFile(e) {
e.preventDefault();
let reader = new FileReader();
let file = e.target.files[0];
reader.onloadend = (theFile) => {
var data = {
blob: theFile.target.result, name: file.name,
visitorId: this.props.socketio.visitorId
};
console.log(this.props.socketio);
this.props.socketio.emit('file-upload', data);
};
reader.readAsDataURL(file);
}
Run Code Online (Sandbox Code Playgroud)
如果我上传同一个文件两次,则不会触发上传事件.我该如何解决这个问题?对于简单的js代码,只需执行以下操作即可:this.value = null; 在变更处理程序.我怎么能用ReactJS做到这一点?
我有一个文件输入,我需要在文件上传后清除它。我尝试将空值设置为 v-model,但它产生了以下错误
文件输入是只读的。改用 v-on:change 侦听器。
我的代码是
<input id="fileupload" type="file" v-model="file" multiple v-on:change="uploadFile" ref="fileInput" />
Run Code Online (Sandbox Code Playgroud)
上传后如何清除vue.js中输入的文件,以便可以连续多次上传同一个文件
在我提交包含数据字段和文件字段的表单后,仅清除数据字段,但保留上传的文件字段。看图:这里
OnChange 函数
onChange = (e) => {
if(e.target.name === 'audio') {
this.setState({
[e.target.name]: e.target.files[0], loaded: 0,
}, () => console.log(this.state.audio))
} else {
this.setState({
[e.target.name]: e.target.value
}, () => console.log(this.state))
}
}
Run Code Online (Sandbox Code Playgroud)
提交功能
onSubmit = e => {
e.preventDefault();
let { title, content, audio} = this.state;
//const story = { title, content, audio};
let formDataStory = new FormData();
formDataStory.append('audio', audio);
formDataStory.append('title', title);
formDataStory.append('content', content);
this.props.addStory(formDataStory);
this.setState({
title: "",
content:"",
audio: ""
});
};
Run Code Online (Sandbox Code Playgroud)
形式
render() {
const {title, …Run Code Online (Sandbox Code Playgroud) javascript ×4
forms ×2
html ×2
reactjs ×2
dom-events ×1
file-io ×1
file-upload ×1
html5 ×1
jquery ×1
vue.js ×1
winjs ×1