Javascript Livewire-如何使用jquery设置文件输入字段
我希望你做得很好。我正在使用Livewire和Laravel8,并试图从剪贴板上传图像。下面是一个场景。我有一个文本区域,用户可以在其中粘贴剪贴板上的图像,我通过JQuery获得该图像,但我一直在研究如何将其传递给Livewire组件。这是我的密码Javascript Livewire-如何使用jquery设置文件输入字段,javascript,php,laravel,file-upload,laravel-livewire,Javascript,Php,Laravel,File Upload,Laravel Livewire,我希望你做得很好。我正在使用Livewire和Laravel8,并试图从剪贴板上传图像。下面是一个场景。我有一个文本区域,用户可以在其中粘贴剪贴板上的图像,我通过JQuery获得该图像,但我一直在研究如何将其传递给Livewire组件。这是我的密码 $('#post_text').on('paste', function(e){ e.preventDefault(); var data = e.originalEvent;
$('#post_text').on('paste', function(e){
e.preventDefault();
var data = e.originalEvent;
if (data.clipboardData && data.clipboardData.items) {
var items = data.clipboardData.items;
for (var i = 0; i < items.length; i++) {
if (items[i].type.indexOf('image') !== -1) {
var file = items[i].getAsFile();
$("#post_media").files = file;
// $("#post_media").val = file;
// $("#post_media").trigger('change');
@this.set('post_media', file);
console.log(file);
}
}
}
});
$('post#u text')。关于('paste',函数(e){
e、 预防默认值();
var数据=原始事件;
if(data.clipboardData&&data.clipboardData.items){
var items=data.clipboardData.items;
对于(变量i=0;i
它向组件发送空数组。我知道当我们使用file field时,Livewire的JavaScript会向服务器上的组件发出一个初始请求,以获取一个临时的“签名”上载URL,然后进行上载并生成唯一的哈希ID。但我不确定如何使用file的model属性将文件从剪贴板上载到组件。如果有人能给我指引正确的方向,我将不胜感激
谢谢
问候