- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建一个由 Collection View 组成的应用程序,其中将图像拖到其上。
我正在双显示器中打开谷歌图像,搜索“密封件”并将密封件的第一张图像拖到我的应用程序的 View Controller 上。我的应用程序应该保存图像的网址。 Collection View 中的每个单元格都会从保存的 url 中获得一个 url。设置 url 后,单元格会从 url 检索图像并将图像放置在自身内部。
问题是采用了错误的网址。获取的 url 可以转换为数据,但该数据无法转换为 UIImage。拖放保存的网址不是图像的网址,它似乎是谷歌搜索或其他东西的网址。
我需要能够保存图像的正确网址,以便 ImageCell 可以从该网址加载图像。
当我在网络浏览器中输入网址时,我会收到这样的页面。
ImageViewController
import UIKit
class ImageViewController: UIViewController{
@IBOutlet weak var collectionView: UICollectionView!
override func viewDidLoad() {
super.viewDidLoad()
}
var gallery = [URL]()
}
extension ImageViewController: UICollectionViewDelegate, UICollectionViewDataSource{
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return gallery.count
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ImageCell", for: indexPath) as! ImageCell
cell.url = gallery[indexPath.item]
return cell
}
}
extension ImageViewController: UICollectionViewDropDelegate{
func collectionView(_ collectionView: UICollectionView, canHandle session: UIDropSession) -> Bool {
return session.canLoadObjects(ofClass: NSURL.self) && session.canLoadObjects(ofClass: UIImage.self)
}
func collectionView(_ collectionView: UICollectionView, dropSessionDidUpdate session: UIDropSession, withDestinationIndexPath destinationIndexPath: IndexPath?) -> UICollectionViewDropProposal {
return UICollectionViewDropProposal(operation: .copy)
}
func collectionView(_ collectionView: UICollectionView, performDropWith coordinator: UICollectionViewDropCoordinator) {
// Get the destion index path, if there's none set, just insert at the beginning
let destinationIndexPath = coordinator.destinationIndexPath ?? IndexPath(item: 0, section: 0)
// Process all items being dragged
for item in coordinator.items {
// External drops must provide url and an image that we'll use to get an aspect-ratio
var url: URL?
// Get the URL
item.dragItem.itemProvider.loadObject(ofClass: NSURL.self) { [weak self] (provider, error) in
url = provider as? URL //Check that url is valid
// If both url and ratio were provided, perform the actual drop
if url != nil{
DispatchQueue.main.async {
collectionView.performBatchUpdates({
// Update model
self?.gallery.insert(url!, at: destinationIndexPath.item)
// Update view
collectionView.insertItems(at: [destinationIndexPath])
// Animates the item to the specified index path in the collection view.
coordinator.drop(item.dragItem, toItemAt: destinationIndexPath)
})
}
}
}
}
}
}
ImageCell
class ImageCell: UICollectionViewCell{
var url: URL?{
didSet{
self.fetchImage(withURL: url!)
}
}
@IBOutlet var imageView: UIImageView!
private func fetchImage(withURL url: URL) {
DispatchQueue.global(qos: .userInitiated).async { [weak self] in
guard let data = try? Data(contentsOf: url) else {
return
}
guard let image = UIImage(data: data) else {
print("Couldn't convert data to UIImage")
print("The url is")
print(url)
return
}
// If by the time the async. fetch finishes, the imageURL is still the same, update the UI (in the main queue)
if self?.url == url {
DispatchQueue.main.async {
self?.imageView.image = image
}
}
}
}
}
GITHUB
最佳答案
要从通过拖放 Google 图片提供的 URL 中提取图片 URL,您可以将这些扩展名添加到 URL。然后,在保存 url 的变量 (url
) 上,您可以使用 url!.imageURL
而不仅仅是 url!
来访问图像 url >
extension URL {
var imageURL: URL {
if let url = UIImage.urlToStoreLocallyAsJPEG(named: self.path) {
// this was created using UIImage.storeLocallyAsJPEG
return url
} else {
// check to see if there is an embedded imgurl reference
for query in query?.components(separatedBy: "&") ?? [] {
let queryComponents = query.components(separatedBy: "=")
if queryComponents.count == 2 {
if queryComponents[0] == "imgurl", let url = URL(string: queryComponents[1].removingPercentEncoding ?? "") {
return url
}
}
}
return self.baseURL ?? self
}
}
}
extension UIImage
{
private static let localImagesDirectory = "UIImage.storeLocallyAsJPEG"
static func urlToStoreLocallyAsJPEG(named: String) -> URL? {
var name = named
let pathComponents = named.components(separatedBy: "/")
if pathComponents.count > 1 {
if pathComponents[pathComponents.count-2] == localImagesDirectory {
name = pathComponents.last!
} else {
return nil
}
}
if var url = FileManager.default.urls(for: .applicationSupportDirectory, in: .userDomainMask).first {
url = url.appendingPathComponent(localImagesDirectory)
do {
try FileManager.default.createDirectory(at: url, withIntermediateDirectories: true)
url = url.appendingPathComponent(name)
if url.pathExtension != "jpg" {
url = url.appendingPathExtension("jpg")
}
return url
} catch let error {
print("UIImage.urlToStoreLocallyAsJPEG \(error)")
}
}
return nil
}
func storeLocallyAsJPEG(named name: String) -> URL? {
if let imageData = self.jpegData(compressionQuality: 1.0) {
if let url = UIImage.urlToStoreLocallyAsJPEG(named: name) {
do {
try imageData.write(to: url)
return url
} catch let error {
print("UIImage.storeLocallyAsJPEG \(error)")
}
}
}
return nil
}
}
关于ios - Swift:拖放,保存来自谷歌图像的图像网址,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59314434/
我在这里有一个我想要做的事情的例子:http://jsbin.com/OwoYAlEQ/1/edit 这是我的 HTML: person one person two person three per
我想知道是否有人知道是否有一个预先制定的解决方案:我在 ASP.net 网站上有一个列表,我希望用户能够通过拖放对列表进行重新排序。此外,我希望有第二个列表,用户可以将第一个列表中的项目拖到其中。 到
我想知道是否有人知道是否有一个预先制定的解决方案:我在 ASP.net 网站上有一个列表,我希望用户能够通过拖放对列表进行重新排序。此外,我希望有第二个列表,用户可以将第一个列表中的项目拖到其中。 到
我在我的 Web 应用程序中使用 Ajax ControlToolkit 中的 ModalPopupExtender。我将其 Drag 属性设置为 true,但是当我拖动弹出面板并将其放到新位置时,它
所以,基于this answer ,我有一组可以拖放并卡入到位的 div。唯一的问题是,可拖动的 div 具有不同的高度,我需要它们始终捕捉到目标的底部,而不是顶部。 您可以在this JsFiddl
我一直在使用 Bea 的解决方案 here一段时间后发现它非常有帮助。现在我遇到的问题是,当我将项目拖放到另一个 ListView 控件中或拖放到另一个 ListView 控件中,并且我想在拖动“期间
我试图在使用 QTreeWidget.setItemWidget() 重新父级(拖放)后将小部件放入 QTreeWidgetItem 但是,如果编译以下代码,结果是 QTreeWidgetItem 内
这是场景,我使用的是prototype和scriptaculous,但我相信jquery也会有同样的问题。我在相对定位的 div 中有一个可拖动图像的列表。问题是我无法将图像拖出父 div...好吧.
我正在使用一个普通(Bootstrap)表,我想在其中包含可排序的行。我正在使用 Angular CDK (DragDropModule) 来实现排序/排序。但是,当拖动行时,它会扭曲宽度,因为 cd
我正在尝试在我的 UICollectionView 中实现拖放机制,这与在快捷方式应用程序中重新排序快捷方式的组件非常相似。 截至目前,行为是当您开始拖动时,会留下一个透明的单元格 View ,而另一
我有以下 Jquery UI 拖放 jsfiddle https://jsfiddle.net/zoojsfiddle/ud96jdcp/ 具有
我希望创建一个基于网络的“公告板”,可以这么说,用户可以在其中创建/删除/拖放“图钉”,而不允许重叠“图钉”。 这是一个图表,应该有助于说明我正在尝试创建的内容: 'pins' 可能已创建双击;他们会
我是一名优秀的程序员,十分优秀!